*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07070d;color:#e9e6f2;font:17px/1.65 Manrope,system-ui,sans-serif}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:rgba(7,7,13,.82);backdrop-filter:blur(10px);border-bottom:1px solid #1d1b2e}
.logo{font:600 18px Fraunces,Georgia,serif;color:#ffb454;text-decoration:none;white-space:nowrap}nav{display:flex;gap:16px;align-items:center;overflow-x:auto}nav a{color:#b9b4cf;text-decoration:none;font-size:14px;white-space:nowrap}nav a:hover{color:#fff}.lang{border:1px solid #3a3556;border-radius:6px;padding:2px 8px;color:#6ee7f2!important}
main{max-width:1000px;margin:0 auto;padding:0 18px}section{padding:64px 0;scroll-margin-top:56px}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.15}h1{font-size:clamp(34px,7vw,68px);margin:0 0 18px;max-width:14em}h2{font-size:clamp(26px,4vw,38px);color:#ffb454;margin:0 0 14px}h3{font-size:19px;margin:0 0 6px}
.hero p,.lead{color:#b9b4cf;max-width:42em}.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.b{display:inline-block;background:#ffb454;color:#1a1204;border:0;border-radius:8px;padding:11px 18px;font:600 15px Manrope,sans-serif;text-decoration:none;cursor:pointer}.b.g{background:transparent;color:#e9e6f2;border:1px solid #3a3556}.b:hover{filter:brightness(1.12)}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
article{background:#0f0e1a;border:1px solid #1d1b2e;border-radius:12px;padding:18px}article p{margin:0 0 10px;color:#b9b4cf;font-size:15px}
.lk{display:flex;flex-wrap:wrap;gap:8px}.lk a{font-size:13px;color:#6ee7f2;border:1px solid #23324a;border-radius:6px;padding:3px 9px;text-decoration:none}.lk a:hover{background:#12202e}.lk b{color:#ffb454;font-weight:600}
.net{position:relative;height:340px;margin:18px 0;border:1px solid #1d1b2e;border-radius:14px;background:radial-gradient(ellipse at center,#12102a,#07070d)}.net svg{position:absolute;inset:0;width:100%;height:100%}.net line{stroke:#2b2850;stroke-width:.35;vector-effect:non-scaling-stroke;stroke-width:1.3px}.net line.on{stroke:#6ee7f2;stroke-width:2.4px}
.dot{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:2px solid #6ee7f2;background:#0c1a26;color:#6ee7f2;font:600 15px Manrope;cursor:pointer;box-shadow:0 0 14px #6ee7f255}.dot.on{background:#ffb454;border-color:#ffb454;color:#1a1204;box-shadow:0 0 26px #ffb454aa}.dot.nb{background:#143042;box-shadow:0 0 22px #6ee7f2aa}
.panel{background:#0f0e1a;border:1px solid #1d1b2e;border-radius:12px;padding:20px;min-height:120px}#qt{font:600 clamp(20px,3vw,28px)/1.3 Fraunces,serif;margin:0 0 12px;color:#fff}#ql{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#b9b4cf;font-size:14px}#ql button{background:#14222f;color:#6ee7f2;border:1px solid #23324a;border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit;text-align:left}.sh{margin-top:14px}
.chs{columns:2 280px;gap:28px;padding-left:22px;color:#b9b4cf}.chs li{margin-bottom:8px}
blockquote{margin:0;padding:6px 0 6px 22px;border-left:3px solid #ffb454;font:italic 400 clamp(18px,2.4vw,23px)/1.7 Fraunces,serif;color:#f1ecff}blockquote p{margin:0 0 14px}.note{color:#7d7894;font-size:14px}
details{border-bottom:1px solid #1d1b2e;padding:14px 0}summary{cursor:pointer;font:600 18px Fraunces,serif;color:#fff}details p{color:#b9b4cf;margin:10px 0 0}
.end{text-align:center}.end .lead{margin:0 auto 6px;font:italic 24px Fraunces,serif;color:#fff}.end .cta{justify-content:center}
footer{text-align:center;color:#7d7894;font-size:14px;padding:30px 18px 50px}footer a{color:#6ee7f2}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffb454;outline-offset:3px}
@media(max-width:640px){nav a:not(.lang){font-size:13px}.net{height:300px}.dot{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#bg{display:none}}