:root{--accent: #3F33D7;--accent-hover: #5146E8;--accent-bg: rgba(63, 51, 215, .14);--accent-text: #B4A7FF;--fg: #E8EAF0;--fg-muted: #9BA0AB;--bg: #0B0D14;--bg-soft: #14161E;--border: #22252E}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,.logo,.featured .eyebrow,.toc-heading,.more-section h4{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--border);background:#0b0d14d9;backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);position:sticky;top:0;z-index:10}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--fg);display:inline-flex;align-items:center}.logo .accent{color:var(--accent)}.logo img{height:40px;width:auto;display:block}.back-link{font-weight:600;font-size:14px;color:var(--fg-muted);transition:color .12s ease}.back-link:hover{color:var(--accent)}.hero{padding:88px 0 40px;position:relative}.hero:before{content:"";position:absolute;top:-260px;left:50%;transform:translate(-50%);width:min(1300px,160vw);height:900px;background:radial-gradient(ellipse at center,rgba(63,51,215,.18) 0%,rgba(63,51,215,.06) 38%,transparent 72%);pointer-events:none;z-index:0;filter:blur(8px)}.hero .wrap{position:relative;z-index:1}.hero h1.page-title{font-size:56px;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;color:#fff}.hero .page-sub{font-size:18px;color:var(--fg-muted);margin:0;max-width:640px}.featured{margin:32px 0 56px;border:1px solid var(--accent);border-radius:20px;overflow:hidden;background:var(--bg-soft);display:grid;grid-template-columns:1.15fr 1fr;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.featured:hover{transform:scale(1.01);box-shadow:0 30px 70px -20px #3f33d773}.featured .text{padding:40px 44px;display:flex;flex-direction:column;gap:16px}.featured .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.featured h2{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0;color:#fff}.featured .excerpt{color:var(--fg-muted);font-size:16px;margin:0}.featured .meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--fg-muted);margin-top:auto}.featured .meta .dot{width:3px;height:3px;background:var(--fg-muted);border-radius:50%}.featured .cover{background-size:cover;background-position:center;min-height:340px}.grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-soft);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.card:hover{transform:scale(1.03);border-color:var(--accent);box-shadow:0 20px 50px -18px #3f33d766}.card .thumb{aspect-ratio:16 / 10;background-size:cover;background-position:center}.card .body{padding:20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{font-size:19px;font-weight:700;margin:0;letter-spacing:-.01em;color:#fff}.card .excerpt{color:var(--fg-muted);font-size:14px;margin:0;flex:1}.card .meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--fg-muted)}.card .share-row{display:flex;gap:8px;margin-top:4px}.share-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--fg-muted);border:1px solid var(--border);transition:background .14s ease,color .14s ease,transform .14s ease,border-color .14s ease;cursor:pointer}.share-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);border-color:var(--accent)}.share-btn svg{width:15px;height:15px}.post-hero{padding:72px 0 28px;display:flex;flex-direction:column;gap:18px}.post-hero h1{font-size:52px;font-weight:800;letter-spacing:-.03em;margin:0;max-width:900px;color:#fff}.post-hero .excerpt{font-size:19px;color:var(--fg-muted);margin:0;max-width:800px}.post-hero .byline{display:flex;align-items:center;gap:14px;margin-top:8px}.post-hero .avatar{width:44px;height:44px;border-radius:50%}.post-hero .who{display:flex;flex-direction:column}.post-hero .who .name{font-weight:600;font-size:14px;color:var(--fg)}.post-hero .who .when{font-size:13px;color:var(--fg-muted)}.post-hero .byline .share-row{margin-left:auto;display:flex;gap:8px}.post-cover{width:100%;aspect-ratio:21 / 9;background-size:cover;background-position:center;border-radius:20px;margin-bottom:48px;border:1px solid var(--border)}.post-layout{display:grid;grid-template-columns:240px 1fr;gap:56px;padding-bottom:80px}.sidebar{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:28px}.toc-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);margin:0 0 10px}.toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.toc a{font-size:14px;color:var(--fg-muted);border-left:2px solid var(--border);padding-left:12px;transition:color .12s ease,border-color .12s ease}.toc a:hover{color:var(--accent);border-left-color:var(--accent)}.article{max-width:720px;font-size:17px;line-height:1.75}.article p{margin:0 0 22px;color:var(--fg)}.article h2{font-size:28px;font-weight:800;letter-spacing:-.015em;margin:44px 0 18px;scroll-margin-top:96px;color:#fff}.article .callout{background:var(--accent-bg);border-left:4px solid var(--accent);padding:18px 22px;border-radius:0 10px 10px 0;margin:28px 0;color:var(--accent-text);font-size:16px}.article pre{background:#070912;color:#d4d4d4;padding:22px 24px;border-radius:12px;overflow-x:auto;margin:28px 0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.65;border:1px solid var(--border)}.article pre code{font-family:inherit;color:inherit;background:none;padding:0}.more-section{border-top:1px solid var(--border);padding:56px 0 80px}.more-section h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);margin:0 0 24px}.newsletter-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#2a20c4,#3f33d7 45%,#53c);border-radius:20px;margin:0 0 80px;padding:56px 64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.newsletter-cta .cta-waves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35}.newsletter-cta .cta-text{position:relative;z-index:1}.newsletter-cta .cta-text h2{font-size:32px;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 14px}.newsletter-cta .cta-text p{font-size:15px;color:#ffffffbf;margin:0;line-height:1.65}.newsletter-cta .cta-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px}.cta-form label{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px;display:block}.cta-form label span{color:#ff6b9d;margin-left:2px}.cta-form input[type=text],.cta-form input[type=email]{width:100%;padding:12px 16px;background:#fffffff7;color:#0b0d14;border:none;border-radius:8px;font-size:15px;font-family:inherit;outline:none;transition:box-shadow .14s ease}.cta-form input[type=text]:focus,.cta-form input[type=email]:focus{box-shadow:0 0 0 3px #fff6}.cta-form .cta-checkbox{display:flex;align-items:flex-start;gap:10px}.cta-form .cta-checkbox input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:#00c9d4}.cta-form .cta-checkbox span{font-size:13px;color:#ffffffbf;line-height:1.5}.cta-form .cta-checkbox a{color:#fff;text-decoration:underline}.cta-submit{background:#00c9d4;color:#0b0d14;border:none;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;cursor:pointer;width:fit-content;transition:background .14s ease,transform .12s ease}.cta-submit:hover{background:#00e0ec;transform:translateY(-1px)}.cta-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-success{background:#00c9d426;border:1px solid rgba(0,201,212,.4);border-radius:10px;padding:20px 24px;text-align:center;color:#fff;font-size:15px;line-height:1.6}.cta-success strong{display:block;font-size:17px;margin-bottom:6px;color:#00c9d4}.cta-error{font-size:13px;color:#ff9eb5;margin-top:-4px}.site-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--fg-muted);font-size:13px}@media (max-width: 960px){.featured{grid-template-columns:1fr}.featured .cover{min-height:240px;order:-1}.grid{grid-template-columns:1fr 1fr}.post-layout{grid-template-columns:1fr;gap:32px}.sidebar{position:static}.hero h1.page-title,.post-hero h1{font-size:40px}.newsletter-cta{grid-template-columns:1fr;gap:32px;padding:40px 36px}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.featured .text{padding:28px 24px}.featured h2{font-size:26px}.hero{padding:56px 0 24px}.hero h1.page-title,.post-hero h1{font-size:32px}.newsletter-cta{padding:32px 24px}.newsletter-cta .cta-text h2{font-size:26px}}