*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#09090E;--s1:#12121A;--s2:#1A1A26;--bdr:#252538;--bdr2:#333350;--txt:#EEEDF5;--muted:#7070A0;--muted2:#A8A8C8;--acc:#F0C040;--acc2:#FF5C5C;--acc3:#5CF0A8;--rc:#5C9BF0;--rc-rgb:92,155,240;--serif:'DM Serif Display',serif;--sans:'Plus Jakarta Sans',sans-serif;--mono:'JetBrains Mono',monospace;}
html{scroll-behavior:smooth;}body{background:var(--bg);color:var(--txt);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");}
.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bdr);z-index:999;}.progress-fill{height:100%;background:linear-gradient(90deg,var(--rc),var(--acc3));width:0%;transition:width .1s;}
nav{position:fixed;top:3px;left:0;right:0;z-index:500;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,52px);background:rgba(9,9,14,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--bdr);}
.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;}.logo-pulse{width:28px;height:28px;background:var(--acc);border-radius:7px;display:grid;place-items:center;position:relative;overflow:hidden;flex-shrink:0;}.logo-pulse::after{content:'';position:absolute;width:100%;height:100%;background:rgba(255,255,255,.2);border-radius:50%;transform:scale(0);animation:lp 2.5s ease-out infinite;}@keyframes lp{0%{transform:scale(0);opacity:.8;}100%{transform:scale(2.5);opacity:0;}}.logo-pulse svg{width:14px;height:14px;position:relative;z-index:1;}.logo-name{font-family:var(--serif);font-size:18px;color:var(--txt);}.logo-name em{font-style:normal;color:var(--acc);}
.nav-mid{display:flex;gap:2px;}.nav-mid a{font-size:13px;font-weight:500;color:var(--muted2);text-decoration:none;padding:5px 11px;border-radius:6px;transition:all .2s;}.nav-mid a:hover{color:var(--txt);background:var(--s2);}.nav-mid a.active{color:var(--rc);background:rgba(92,155,240,.08);}
.nav-right{display:flex;gap:8px;align-items:center;}.nav-home{font-size:12px;font-weight:600;color:var(--muted2);text-decoration:none;padding:6px 14px;border:1px solid var(--bdr2);border-radius:7px;transition:all .2s;}.nav-home:hover{color:var(--rc);border-color:var(--rc);}.nav-cta{font-size:12px;font-weight:700;color:var(--bg);background:var(--acc);padding:6px 16px;border-radius:7px;text-decoration:none;}
.page-hero{padding:clamp(88px,11vw,128px) clamp(16px,5vw,64px) clamp(48px,6vw,72px);position:relative;overflow:hidden;}
.hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:500px;pointer-events:none;background:radial-gradient(ellipse,rgba(92,155,240,.08) 0%,transparent 65%);}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(240,192,64,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(240,192,64,.015) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);}
.ph-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.ph-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap;}.ph-breadcrumb a{color:var(--muted);text-decoration:none;}.ph-breadcrumb a:hover{color:var(--rc);}.ph-breadcrumb span{color:var(--bdr2);}
.ph-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border:1px solid rgba(92,155,240,.3);border-radius:100px;font-size:11px;font-weight:700;color:var(--rc);margin-bottom:20px;}.ph-dot{width:6px;height:6px;border-radius:50%;background:var(--rc);animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.ph-h1{font-family:var(--serif);font-size:clamp(32px,5.5vw,62px);line-height:1.06;letter-spacing:-2px;margin-bottom:16px;opacity:0;animation:fu .8s .1s forwards;}.ph-h1 em{font-style:italic;color:var(--rc);}
.ph-deck{font-size:clamp(15px,1.6vw,17px);line-height:1.8;color:var(--muted2);margin-bottom:28px;opacity:0;animation:fu .8s .25s forwards;}
@keyframes fu{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.ph-meta{opacity:0;animation:fu .8s .4s forwards;}
.author-box{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--s1);border:1px solid var(--bdr);border-left:3px solid var(--rc);border-radius:10px;flex-wrap:wrap;}
.ab-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--rc),var(--acc3));display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--bg);flex-shrink:0;}
.ab-info{flex:1;}.ab-name{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:2px;}.ab-role{font-size:11px;color:var(--muted);}
.ab-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;background:rgba(92,240,168,.1);border:1px solid rgba(92,240,168,.3);color:var(--acc3);}
.art-wrap{max-width:860px;margin:0 auto;padding:32px clamp(16px,5vw,64px) 80px;}
.img-ph{width:100%;border:2px dashed var(--bdr2);border-radius:12px;background:var(--s1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:clamp(180px,24vw,300px);margin-bottom:28px;}.ipi{font-size:32px;opacity:.2;}.ipl{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;}.iph{font-size:11px;color:var(--bdr2);text-align:center;padding:0 20px;}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;margin-bottom:40px;}.si{padding:18px;text-align:center;border-right:1px solid var(--bdr);}.si:last-child{border-right:none;}.sn{font-family:var(--serif);font-size:26px;color:var(--rc);letter-spacing:-1px;display:block;}.sl{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;}
h2{font-family:var(--serif);font-size:clamp(22px,3vw,34px);letter-spacing:-1px;line-height:1.15;margin:12px 0 14px;color:var(--txt);}
p{font-size:clamp(15px,1.5vw,17px);line-height:1.88;color:var(--muted2);margin-bottom:24px;}p strong{color:var(--txt);font-weight:700;}
a{color:var(--rc);text-decoration:none;}
ul{padding:0;list-style:none;margin-bottom:20px;}ul li{font-size:clamp(15px,1.5vw,17px);line-height:1.85;color:var(--muted2);padding:5px 0 5px 22px;position:relative;border-bottom:1px solid rgba(255,255,255,.03);}ul li::before{content:'→';position:absolute;left:0;color:var(--rc);font-size:12px;}
.sec-div{display:flex;align-items:center;gap:14px;margin:44px 0 0;}.sdn{font-family:var(--mono);font-size:11px;color:var(--rc);letter-spacing:3px;flex-shrink:0;}.sdl{flex:1;height:1px;background:linear-gradient(90deg,var(--rc),transparent);}
.faq-wrap{display:flex;flex-direction:column;gap:10px;margin:24px 0 36px;}.faq-item{border:1px solid var(--bdr);border-radius:10px;overflow:hidden;transition:border-color .3s;}.faq-item:hover{border-color:rgba(92,155,240,.4);}.faq-item.open{border-color:var(--rc);}.faq-q{padding:16px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--s1);color:var(--txt);transition:background .2s;gap:12px;user-select:none;}.faq-q:hover{background:var(--s2);}.faq-q::after{content:'▼';font-size:10px;color:var(--rc);transition:transform .3s;flex-shrink:0;}.faq-item.open .faq-q{background:var(--s2);color:var(--rc);}.faq-item.open .faq-q::after{transform:rotate(180deg);}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:14px;color:var(--muted2);line-height:1.8;padding:0 20px;}.faq-item.open .faq-a{max-height:400px;padding:16px 20px;}
.takeaway{background:linear-gradient(135deg,rgba(92,155,240,.08),rgba(92,240,168,.04));border:1px solid rgba(92,155,240,.2);border-radius:12px;padding:26px 28px;margin:36px 0;}.takeaway h4{font-family:var(--serif);font-size:19px;margin-bottom:12px;color:var(--rc);}
.last-updated{font-size:12px;color:var(--muted);padding:12px 0;border-top:1px solid var(--bdr);margin-bottom:32px;}
.related-wrap{background:var(--s1);border:1px solid var(--bdr);border-radius:12px;padding:24px;margin:32px 0;}.rw-head{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}.rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.rel-card{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--s2);border:1px solid var(--bdr);border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;color:var(--muted2);transition:all .2s;}.rel-card:hover{border-color:var(--rc);color:var(--rc);transform:translateY(-2px);}
.cta-box{background:linear-gradient(135deg,rgba(92,155,240,.1),rgba(92,240,168,.06));border:1px solid rgba(92,155,240,.25);border-radius:14px;padding:32px;text-align:center;margin:40px 0;}.cta-box h3{font-family:var(--serif);font-size:26px;margin-bottom:10px;}.cta-box p{color:var(--muted2);font-size:14px;margin-bottom:20px;}.cta-box a{display:inline-block;background:var(--rc);color:var(--bg);padding:13px 32px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;}.cta-box a:hover{opacity:.85;transform:translateY(-2px);}
.back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--muted2);text-decoration:none;font-size:14px;font-weight:600;padding:14px 0;transition:color .2s;}.back-btn:hover{color:var(--rc);}
footer{background:var(--s1);border-top:1px solid var(--bdr);padding:36px clamp(16px,4vw,52px);}.foot-inner{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}.foot-brand{display:flex;align-items:center;gap:9px;text-decoration:none;}.foot-name{font-family:var(--serif);font-size:17px;color:var(--txt);}.foot-name em{font-style:normal;color:var(--acc);}.foot-links{display:flex;gap:18px;flex-wrap:wrap;}.foot-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s;}.foot-links a:hover{color:var(--rc);}.foot-copy{font-size:11px;color:var(--muted);}
.sr{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s;}.sr.visible{opacity:1;transform:translateY(0);}
@media(max-width:768px){.nav-mid{display:none;}.stat-row{grid-template-columns:repeat(2,1fr);}.rel-grid{grid-template-columns:1fr;}}