:root{--bg: #f4f5f8;--bg-elev: #ffffff;--surface: rgba(255, 255, 255, .68);--text: #10121a;--muted: #5f6778;--line: rgba(16, 18, 26, .09);--accent: #0071e3;--shadow: 0 30px 90px -44px rgba(10, 12, 21, .34);--radius-card: clamp(16px, 2vw, 28px);--space-1: clamp(.65rem, 1vw, .9rem);--space-2: clamp(1rem, 1.4vw, 1.35rem);--space-3: clamp(1.3rem, 2.2vw, 2.2rem);--space-4: clamp(2rem, 5vw, 5rem);--content: min(1200px, 92vw);--reading: min(760px, 92vw);--ease-premium: cubic-bezier(.2, .8, .15, 1)}:root.dark{--bg: #07090f;--bg-elev: #10131b;--surface: rgba(16, 19, 28, .68);--text: #f3f6ff;--muted: #a8b1c3;--line: rgba(255, 255, 255, .12);--accent: #56a9ff;--shadow: 0 30px 90px -44px rgba(0, 0, 0, .78)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;font-family:Inter,ui-sans-serif,system-ui;color:var(--text);background:radial-gradient(1200px 700px at 8% -8%,#8aa1ff1d,transparent 56%),radial-gradient(1000px 520px at 90% -20%,#6ad2ff12,transparent 58%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{padding:var(--space-2) 0 clamp(4rem,10vw,8rem)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}.container{width:var(--content);margin:0 auto}header.nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(20px) saturate(1.24);background:color-mix(in srgb,var(--surface) 80%,transparent);border-bottom:1px solid transparent;transition:border-color .25s ease}header.nav.scrolled{border-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.86rem 0}.brand{font-weight:620;letter-spacing:-.02em;font-size:1rem}.nav-links{display:flex;gap:.45rem;color:var(--muted);font-size:.94rem}.nav-links a{padding:.36rem .64rem;border-radius:999px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 86%,transparent)}.hero{min-height:clamp(62vh,78vh,86vh);display:grid;align-content:center;gap:var(--space-2);padding:clamp(2rem,8vw,7rem) 0 clamp(2rem,5vw,4rem)}.hero h1{margin:0;font-size:clamp(2.25rem,8vw,7.2rem);line-height:.94;letter-spacing:-.055em;max-width:11ch}.hero p{max-width:min(63ch,92vw);color:var(--muted);font-size:clamp(1rem,2.2vw,1.28rem);line-height:1.6}.section{margin-top:var(--space-4)}.section h2{margin:0 0 .9rem;font-size:clamp(1.45rem,4vw,2.7rem);letter-spacing:-.04em}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--muted)}.muted{color:var(--muted)}.link-row{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:.95rem}.pill-link{border-radius:999px;padding:.56rem 1rem;border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--surface) 78%,transparent);transition:transform .25s var(--ease-premium),color .25s ease,border-color .25s ease}.pill-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translate3d(0,-2px,0)}.story-grid{display:grid;gap:clamp(.75rem,1.4vw,1.1rem);grid-template-columns:repeat(12,minmax(0,1fr))}.story-grid>*{grid-column:span 4}.card{border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);padding:var(--space-2);transition:transform .4s var(--ease-premium),border-color .3s ease,background .3s ease;transform:translateZ(0)}.card:hover{transform:translate3d(0,-6px,0);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.card img{border-radius:calc(var(--radius-card) - 7px);object-fit:cover;width:100%}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.72rem}.tag{font-size:.74rem;border:1px solid var(--line);color:var(--muted);padding:.18rem .58rem;border-radius:999px}.sticky-stage{position:sticky;top:clamp(4.6rem,8vw,6rem);min-height:clamp(34vh,46vh,56vh);border-radius:clamp(20px,2.2vw,34px);border:1px solid var(--line);padding:clamp(1rem,3.2vw,2.5rem);background:linear-gradient(150deg,color-mix(in srgb,var(--bg-elev) 90%,transparent),transparent),var(--surface);box-shadow:var(--shadow);overflow:hidden}.parallax{transform:translate3d(0,calc(var(--parallax, 0) * -.1px),0);will-change:transform}.reveal{opacity:0;transform:translate3d(0,30px,0) scale(.984);will-change:transform,opacity}.reveal.is-visible{opacity:1;transform:translateZ(0) scale(1);transition:transform .8s var(--ease-premium),opacity .8s ease}.reveal[data-reveal=fade]{transform:none}.reveal[data-reveal=scale]{transform:scale(.94)}.reveal[data-reveal=slide]{transform:translate3d(0,38px,0)}.reveal[data-stagger]{transition-delay:calc(var(--stagger, 0) * 90ms)}.article{width:var(--reading);margin:0 auto}.article h1{font-size:clamp(2rem,5.2vw,4rem);letter-spacing:-.045em;line-height:1.06}.article p,.article li{line-height:1.83;color:color-mix(in srgb,var(--text) 84%,var(--muted))}.video-thumb{position:relative;overflow:hidden;border-radius:calc(var(--radius-card) - 7px)}.video-thumb:after{content:"▶";position:absolute;inset:auto auto .7rem .7rem;width:2.26rem;height:2.26rem;border-radius:999px;background:#00000073;color:#fff;display:grid;place-items:center}.lightbox{position:fixed;inset:0;z-index:80;background:#02040ad9;display:grid;place-items:center;padding:clamp(.8rem,4vw,2rem)}.lightbox img,.lightbox iframe{width:min(1200px,95vw);max-height:88vh;border:0;border-radius:clamp(12px,2vw,20px)}footer{border-top:1px solid var(--line);margin-top:clamp(3rem,8vw,6rem);padding:2rem 0;color:var(--muted)}@media(max-width:1280px){:root{--content: min(1120px, 93vw)}}@media(max-width:1024px){.story-grid>*{grid-column:span 6}.hero h1{max-width:13ch}}@media(max-width:840px){.story-grid>*{grid-column:span 12}.nav-inner{align-items:flex-start}.nav-links{overflow-x:auto;max-width:100%;white-space:nowrap;padding-bottom:.2rem}.sticky-stage{position:relative;top:auto;min-height:auto}}@media(max-width:640px){:root{--content: 92vw}.hero{min-height:54vh}.pill-link{width:100%;text-align:center;padding:.72rem 1rem}.card{padding:1rem}input,textarea,button{min-height:42px}}@media(max-width:390px){.hero h1{font-size:clamp(2rem,10vw,2.7rem)}}@media(min-width:1600px){:root{--content: min(1400px, 88vw)}.hero h1{font-size:clamp(3rem,6vw,7.8rem)}}@media(hover:none)and (pointer:coarse){.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,.card,.reveal,.parallax{transition:none!important;animation:none!important;transform:none!important}}.theme-toggle{width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);display:grid;place-items:center;cursor:pointer;transition:transform .25s var(--ease-premium),border-color .25s ease}.theme-toggle:hover{transform:translate3d(0,-1px,0);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.toggle-knob{font-size:.95rem}.form-shell{padding:clamp(1rem,2.4vw,1.5rem)}.field{display:grid;gap:.4rem}.field span{font-size:.84rem;color:var(--muted)}input,textarea{width:100%;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--bg-elev) 88%,transparent);padding:.78rem .9rem;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.btn-primary,.btn-ghost{border-radius:999px;border:1px solid var(--line);padding:.7rem 1rem;cursor:pointer;transition:all .25s var(--ease-premium)}.btn-primary{background:color-mix(in srgb,var(--accent) 80%,white 20%);color:#fff;border-color:transparent}.btn-primary:hover{filter:brightness(1.03);transform:translate3d(0,-1px,0)}.btn-ghost{background:color-mix(in srgb,var(--surface) 84%,transparent);color:var(--muted)}.btn-ghost:hover{color:var(--text)}.auth-wrap{width:min(760px,94vw);margin-inline:auto}.auth-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-card{backdrop-filter:blur(16px) saturate(1.12);border:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.auth-alert{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;padding:.75rem .9rem;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.fixed-msg{min-height:1.45rem;margin-top:.4rem}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.btn-primary:disabled,.btn-ghost:disabled{opacity:.65;cursor:not-allowed;transform:none}@media(max-width:900px){.admin-grid{grid-template-columns:1fr!important}}