:root{--smb-bg:#080b14;--smb-bg-elevated:#0f1422;--smb-bg-card:#141a2b;--smb-bg-card-hover:#192138;--smb-text:#fff;--smb-text-secondary:#b8c0d4;--smb-text-muted:#7f899f;--smb-blue:#4167df;--smb-blue-hover:#5277eb;--smb-purple:#5d3fd3;--smb-purple-deep:#3e219e;--smb-border:rgba(255,255,255,.08);--smb-border-strong:rgba(255,255,255,.14);--smb-radius-sm:8px;--smb-radius-md:12px;--smb-radius-lg:18px;--smb-container:1200px;--smb-article-width:720px;--smb-shadow:0 16px 40px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--smb-bg);color:var(--smb-text);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--smb-container),calc(100% - 40px));margin-inline:auto}.article-width{width:min(var(--smb-article-width),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:10;left:12px;top:-60px;padding:10px 16px;background:#fff;color:#000;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{margin:0 0 8px;color:#aebfff;font-size:12px;font-weight:800;letter-spacing:.13em;line-height:1.2}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:var(--smb-radius-sm);font-size:14px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--smb-blue),var(--smb-purple));color:#fff;box-shadow:0 8px 24px rgba(65,103,223,.22)}.button-primary:hover{background:linear-gradient(135deg,var(--smb-blue-hover),#7051de)}.button-secondary{border-color:var(--smb-border-strong);background:rgba(255,255,255,.03);color:var(--smb-text)}.button-secondary:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}.button-row{display:flex;flex-wrap:wrap;gap:12px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #91aaff;outline-offset:3px}
.site-header{position:sticky;z-index:5;top:0;border-bottom:1px solid var(--smb-border);background:rgba(8,11,20,.92);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;min-height:72px;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.brand b{padding-left:8px;border-left:1px solid var(--smb-border-strong);color:var(--smb-text-secondary);font-size:14px;font-weight:600}.brand-mark{display:flex;align-items:end;gap:2px;width:24px;height:24px;padding:4px;border-radius:7px;background:linear-gradient(135deg,var(--smb-blue),var(--smb-purple))}.brand-mark i{display:block;width:4px;background:#fff;border-radius:1px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:16px}.primary-navigation{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--smb-text-secondary);font-size:14px;font-weight:600}.primary-navigation>a:hover,.more-menu summary:hover{color:#fff}.more-menu{position:relative}.more-menu summary{cursor:pointer;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu-panel{position:absolute;top:calc(100% + 18px);right:-20px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:2px;width:300px;padding:8px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-md);background:var(--smb-bg-card);box-shadow:var(--smb-shadow)}.more-menu-panel a{padding:9px;border-radius:7px}.more-menu-panel a:hover{background:rgba(255,255,255,.06);color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .button{white-space:nowrap}.search-toggle{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--smb-text);font-size:27px;line-height:1;cursor:pointer}.search-toggle:hover{background:rgba(255,255,255,.08)}.menu-toggle,.mobile-actions{display:none}
.site-header{position:sticky;z-index:5;top:0;border-bottom:1px solid var(--smb-border);background:rgba(8,11,20,.92);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;min-height:72px;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.brand b{padding-left:8px;border-left:1px solid var(--smb-border-strong);color:var(--smb-text-secondary);font-size:14px;font-weight:600}.brand-icon{width:20px;height:20px;border-radius:5px;object-fit:cover}.primary-navigation{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--smb-text-secondary);font-size:14px;font-weight:600}.primary-navigation>a:hover,.more-menu summary:hover{color:#fff}.more-menu{position:relative}.more-menu summary{cursor:pointer;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu-panel{position:absolute;top:calc(100% + 18px);right:-20px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:2px;width:300px;padding:8px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-md);background:var(--smb-bg-card);box-shadow:var(--smb-shadow)}.more-menu-panel a{padding:9px;border-radius:7px}.more-menu-panel a:hover{background:rgba(255,255,255,.06);color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .button{white-space:nowrap}.search-toggle{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--smb-text);font-size:27px;line-height:1;cursor:pointer}.search-toggle:hover{background:rgba(255,255,255,.08)}.menu-toggle,.mobile-actions{display:none}
.hero{overflow:hidden;padding:76px 0 54px;background:radial-gradient(circle at 87% 22%,rgba(93,63,211,.22),transparent 27%),radial-gradient(circle at 50% 0,rgba(65,103,223,.12),transparent 38%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.7fr);align-items:center;gap:56px}.hero h1{max-width:680px;margin:0;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.045em}.hero h1 span{display:block;background:linear-gradient(100deg,#fff 15%,#9eb0ff 55%,#b4a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:620px;margin:22px 0 30px;color:var(--smb-text-secondary);font-size:18px;line-height:1.65}.featured-card{position:relative;justify-self:end;overflow:hidden;width:100%;max-width:420px;min-height:320px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-lg);background:var(--smb-bg-card);box-shadow:var(--smb-shadow)}.featured-card>img,.featured-placeholder{position:absolute;width:100%;height:100%;object-fit:cover}.featured-card:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 20%,rgba(8,11,20,.94) 100%);pointer-events:none}.featured-placeholder,.post-card-placeholder{background:linear-gradient(135deg,#18284c,#372169 60%,#0f1422)}.featured-card-content{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:26px}.tag-label{display:inline-flex;margin-bottom:10px;color:#b7c5ff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.featured-card h2{max-width:520px;margin:0;font-size:clamp(22px,2.3vw,30px);line-height:1.16}.featured-card h2 a:after,.post-card-link{position:absolute;inset:0;z-index:1}.featured-card p{position:relative;z-index:2;max-width:560px;margin:10px 0;color:#d5dbee;font-size:14px}.featured-card footer,.post-card footer{display:flex;gap:8px;color:var(--smb-text-muted);font-size:12px}.featured-card footer{position:relative;z-index:2;margin-top:14px}.topics-section,.latest-section{padding:56px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(28px,3vw,38px);letter-spacing:-.03em}.text-link{position:relative;z-index:1;color:#b7c5ff;font-size:14px;font-weight:700}.text-link span{padding-left:4px;font-size:20px}.topic-pills{display:flex;flex-wrap:wrap;gap:10px}.topic-pills a{padding:10px 15px;border:1px solid var(--smb-border);border-radius:999px;background:var(--smb-bg-elevated);color:var(--smb-text-secondary);font-size:14px;font-weight:600}.topic-pills a:hover{border-color:rgba(106,130,255,.6);background:rgba(65,103,223,.14);color:#fff}.latest-section{padding-top:16px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid var(--smb-border);border-radius:var(--smb-radius-md);background:var(--smb-bg-card);transition:transform .2s,border-color .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);border-color:rgba(126,148,255,.42);box-shadow:var(--smb-shadow)}.post-card-image,.post-card-placeholder{display:block;aspect-ratio:4/3;width:100%;object-fit:cover}.post-card-content{display:flex;flex:1;flex-direction:column;padding:19px}.post-card h2{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.02em}.post-card h2 a{position:relative;z-index:2}.post-card p{margin:11px 0 18px;color:var(--smb-text-secondary);font-size:14px;line-height:1.55}.post-card footer{margin-top:auto}.newsletter{display:flex;align-items:center;justify-content:space-between;gap:40px;width:min(var(--smb-container),calc(100% - 40px));margin:32px auto 80px;padding:38px 44px;border:1px solid rgba(137,152,255,.24);border-radius:var(--smb-radius-lg);background:linear-gradient(110deg,rgba(65,103,223,.19),rgba(93,63,211,.21));box-shadow:var(--smb-shadow)}.newsletter h2{margin:0;font-size:30px;letter-spacing:-.03em}.newsletter>div>p:not(.eyebrow){max-width:590px;margin:7px 0 0;color:var(--smb-text-secondary);font-size:15px}.newsletter-form{display:flex;min-width:min(100%,420px);gap:9px}.newsletter input{min-width:0;flex:1;border:1px solid var(--smb-border-strong);border-radius:8px;background:rgba(8,11,20,.74);color:#fff;padding:11px 13px;font:inherit;font-size:14px}.form-message{display:none}.newsletter-compact{width:100%;margin:44px 0;padding:28px}.newsletter-compact h2{font-size:25px}.conversion-cta{padding:76px 0;background:linear-gradient(100deg,#0b1020,#171033)}.conversion-cta .container{max-width:780px;text-align:center}.conversion-cta h2{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}.conversion-cta p:not(.eyebrow){max-width:640px;margin:13px auto 26px;color:var(--smb-text-secondary);font-size:17px}.conversion-cta .button-row{justify-content:center}
.archive-heading{padding:70px 0 36px}.archive-heading h1,.error-page h1{max-width:760px;margin:0;font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-.045em}.archive-heading>p:not(.eyebrow){max-width:640px;margin:14px 0 0;color:var(--smb-text-secondary);font-size:18px}.archive-heading+.post-grid{padding-bottom:72px}.author-heading{padding-bottom:36px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0 72px;color:var(--smb-text-muted);font-size:14px}.pagination .button{font-size:13px}.error-page{padding:120px 0;text-align:center}.error-page h1{margin-inline:auto}.error-page p{margin:16px 0 28px;color:var(--smb-text-secondary)}
.post-header{padding:62px 0 32px;text-align:center}.breadcrumbs{display:flex;justify-content:center;gap:9px;margin-bottom:25px;color:var(--smb-text-muted);font-size:13px}.breadcrumbs a:hover{color:#fff}.post-header h1{margin:0;font-size:clamp(36px,5vw,61px);line-height:1.08;letter-spacing:-.045em}.post-excerpt{margin:18px auto 0;color:var(--smb-text-secondary);font-size:19px;line-height:1.6}.post-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:20px;color:var(--smb-text-muted);font-size:13px}.post-feature-image{margin-bottom:45px}.post-feature-image img{display:block;width:100%;max-height:640px;object-fit:cover;border:1px solid var(--smb-border);border-radius:var(--smb-radius-lg)}.post-feature-image figcaption{margin-top:8px;color:var(--smb-text-muted);font-size:12px;text-align:center}.article-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,var(--smb-article-width)) minmax(150px,1fr);gap:35px}.article-layout .article-width{grid-column:2;width:auto}.table-of-contents{position:sticky;top:94px;align-self:start;grid-column:1;max-height:calc(100vh - 118px);overflow:auto;color:var(--smb-text-muted);font-size:13px}.table-of-contents>p{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.1em}.table-of-contents nav{display:grid;gap:8px}.table-of-contents a:hover{color:#fff}.post-content{font-size:18px;line-height:1.78}.post-content>*:first-child{margin-top:0}.post-content h2,.post-content h3,.post-content h4{margin:1.8em 0 .65em;line-height:1.18;letter-spacing:-.03em}.post-content h2{font-size:31px}.post-content h3{font-size:24px}.post-content p,.post-content ul,.post-content ol{margin:0 0 1.35em}.post-content li+li{margin-top:.4em}.post-content a{color:#aebfff;text-decoration:underline;text-decoration-color:rgba(174,191,255,.4);text-underline-offset:3px}.post-content blockquote{margin:1.7em 0;padding:4px 0 4px 22px;border-left:3px solid var(--smb-purple);color:#d8def0;font-size:1.08em}.post-content pre{overflow:auto;padding:18px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-md);background:#05070d;font-size:14px}.post-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.post-content :not(pre)>code{padding:.15em .35em;border-radius:4px;background:rgba(255,255,255,.08);font-size:.86em}.post-content img{max-width:100%;height:auto;border-radius:var(--smb-radius-md)}.post-content figure{margin:1.8em 0}.post-content figcaption{color:var(--smb-text-muted);font-size:13px;text-align:center}.post-content table{display:block;overflow:auto;width:100%;border-collapse:collapse;font-size:15px}.post-content th,.post-content td{min-width:140px;padding:12px;border:1px solid var(--smb-border);text-align:left}.post-content th{background:var(--smb-bg-card);color:#fff}.contextual-cta{margin-top:52px;padding:30px;border:1px solid rgba(132,151,255,.25);border-radius:var(--smb-radius-lg);background:linear-gradient(135deg,rgba(65,103,223,.17),rgba(93,63,211,.15))}.contextual-cta h2{margin:0;font-size:27px;letter-spacing:-.03em}.contextual-cta>p:not(.eyebrow){margin:8px 0 18px;color:var(--smb-text-secondary)}.related-section{padding:20px 0 80px}.comments{padding-bottom:20px}
.start-here{padding:0 0 80px}.start-here .archive-heading{max-width:800px}.start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.start-grid section{padding:28px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-md);background:var(--smb-bg-card)}.start-grid span{display:block;margin-bottom:18px;color:#aebfff;font-size:13px;font-weight:800}.start-grid h2{margin:0;font-size:23px;letter-spacing:-.025em}.start-grid p{color:var(--smb-text-secondary);font-size:15px}.start-grid a{color:#bdc9ff;font-size:14px;font-weight:700}.site-footer{border-top:1px solid var(--smb-border);background:#070a12}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px;padding:55px 0}.footer-intro p{max-width:270px;color:var(--smb-text-secondary);font-size:14px}.footer-grid h2{margin:0 0 13px;color:var(--smb-text-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.footer-grid div:not(.footer-intro) a{display:block;width:max-content;margin:7px 0;color:var(--smb-text-secondary);font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--smb-border);color:var(--smb-text-muted);font-size:12px}.footer-bottom a:hover{color:#fff}
.search-dialog{width:min(680px,calc(100% - 32px));padding:0;border:1px solid var(--smb-border-strong);border-radius:var(--smb-radius-lg);background:var(--smb-bg-card);color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.55)}.search-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(3px)}.search-panel{padding:20px}.search-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:18px;font-weight:800}.search-panel-header button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.search-panel input{width:100%;padding:14px;border:1px solid var(--smb-border-strong);border-radius:8px;background:#090d18;color:#fff;font:inherit}.search-results{min-height:54px;padding-top:15px;color:var(--smb-text-secondary);font-size:14px}.search-result{display:block;padding:12px 0;border-bottom:1px solid var(--smb-border)}.search-result strong{display:block;color:#fff}.search-result span{display:block;margin-top:3px;color:var(--smb-text-muted);font-size:12px}
@media(max-width:1080px){.header-inner{gap:18px}.primary-navigation{gap:13px;font-size:13px}.header-actions .button-secondary{display:none}.hero-grid{gap:30px}.article-layout{grid-template-columns:minmax(130px,1fr) minmax(0,var(--smb-article-width))}.table-of-contents{font-size:12px}}
@media(max-width:850px){.header-inner{min-height:64px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;margin-left:auto;padding:8px;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:20px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.header-actions{gap:4px}.header-actions .button{display:none}.primary-navigation{position:absolute;top:100%;right:0;left:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 20px 20px;border-bottom:1px solid var(--smb-border);background:var(--smb-bg-elevated)}.primary-navigation.is-open{display:flex}.primary-navigation>a,.more-menu summary{padding:11px 0;font-size:15px}.more-menu-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;margin:6px 0 10px;box-shadow:none}.mobile-actions{display:flex;gap:10px;padding-top:10px}.hero{padding-top:56px}.hero-grid{grid-template-columns:1fr}.featured-card{min-height:330px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.newsletter{align-items:flex-start;flex-direction:column;gap:21px}.newsletter-form{width:100%}.article-layout{display:block}.article-layout .article-width{width:min(var(--smb-article-width),100%)}.table-of-contents{position:static;margin:0 auto 25px;width:min(var(--smb-article-width),100%);padding:16px;border:1px solid var(--smb-border);border-radius:var(--smb-radius-sm);background:var(--smb-bg-card)}.table-of-contents nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}.post-content{font-size:17px}}
@media(max-width:580px){.container,.article-width{width:min(100% - 32px,var(--smb-container))}.brand{font-size:16px}.brand b{font-size:12px}.hero{padding:43px 0}.hero h1{font-size:39px}.hero-description{font-size:16px}.button-row .button{width:100%}.featured-card{min-height:300px}.featured-card-content{padding:20px}.topics-section,.latest-section{padding:38px 0}.section-heading{align-items:start;flex-direction:column;gap:10px}.post-grid{grid-template-columns:1fr;gap:16px}.newsletter{width:calc(100% - 32px);margin-bottom:54px;padding:25px}.newsletter h2{font-size:25px}.newsletter-form{flex-direction:column}.newsletter .button{width:100%}.conversion-cta{padding:52px 0}.archive-heading{padding:52px 0 30px}.pagination{flex-wrap:wrap;padding-bottom:54px}.post-header{padding:45px 0 26px}.breadcrumbs{flex-wrap:wrap}.post-excerpt{font-size:17px}.post-meta{gap:5px 12px}.post-feature-image{margin-bottom:32px}.post-content h2{font-size:27px}.post-content h3{font-size:22px}.post-content table{margin-inline:0}.contextual-cta{padding:23px}.start-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:42px 0}.footer-intro{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.search-dialog{width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.post-content .kg-width-wide{width:min(1100px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}.post-content .kg-width-full{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);border-radius:0}.search-page-form{display:flex;gap:10px;max-width:600px;margin-top:20px}.search-page-form input{min-width:0;flex:1;padding:11px 13px;border:1px solid var(--smb-border-strong);border-radius:8px;background:var(--smb-bg-card);color:#fff;font:inherit}
@media(max-width:580px){.search-page-form{flex-direction:column}.search-page-form .button{width:100%}}
@media(max-width:850px){.menu-toggle span:not(.sr-only){transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:none;opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}}