:root{
  --bg:#07050d;
  --panel:#110b1e;
  --panel2:#170d2a;
  --text:#f5f2ff;
  --muted:#b9add1;
  --line:rgba(255,255,255,.12);
  --purple:#9d36ff;
  --purple2:#6b35ff;
  --green:#72e0a8;
  --shadow:0 28px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:radial-gradient(circle at 78% 5%, rgba(151,38,255,.36), transparent 32rem),radial-gradient(circle at 8% 15%, rgba(40,70,255,.24), transparent 30rem),var(--bg);
  line-height:1.75;
}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.21;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom, black, transparent 80%)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(7,5,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}
.brand img{width:30px;height:30px;border-radius:8px}
.top-actions{display:flex;align-items:center;gap:14px}
.top-actions a,.top-actions button{color:var(--muted);text-decoration:none;background:transparent;border:0;font:inherit;cursor:pointer}
.top-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--text)}
.hero{max-width:1180px;margin:42px auto 20px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.hero-copy{padding:44px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(30,17,54,.9),rgba(10,7,20,.82));box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;border:1px solid rgba(157,54,255,.42);background:rgba(157,54,255,.16);color:#e4caff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:13px;margin-bottom:18px}
.hero h1{font-size:clamp(38px,6vw,74px);line-height:.98;margin:0 0 18px;letter-spacing:-.06em}
.hero p{font-size:18px;color:var(--muted);max-width:720px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.primary,.secondary{padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:900}
.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:white;box-shadow:0 16px 44px rgba(157,54,255,.28)}
.secondary{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.05)}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;color:#d7cbeb;font-size:13px}
.meta span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
.hero-logo{display:grid;place-items:center}
.hero-logo img{width:min(420px,100%);border-radius:34px;filter:drop-shadow(0 34px 70px rgba(112,37,255,.3))}
main{max-width:1180px;margin:0 auto;padding:0 28px 42px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.summary article{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:20px;padding:18px}
.summary span{color:var(--purple);font-weight:900}
.summary h3{margin:8px 0 6px;font-size:17px}
.summary p{margin:0;color:var(--muted);font-size:14px}
.document-layout{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
.sidebar{position:sticky;top:78px}
.sidebar-card{border:1px solid var(--line);border-radius:24px;background:rgba(17,11,30,.82);padding:18px;box-shadow:var(--shadow)}
.sidebar-card img{width:74px;height:74px;border-radius:18px;object-fit:cover}
.sidebar-card h2{margin:10px 0 12px}
#searchInput{width:100%;padding:12px 13px;background:#090613;border:1px solid var(--line);border-radius:14px;color:var(--text);outline:none;margin-bottom:12px}
.toc{display:flex;flex-direction:column;gap:3px;max-height:64vh;overflow:auto;padding-right:4px}
.toc a{display:flex;gap:10px;align-items:center;color:var(--muted);text-decoration:none;padding:9px 10px;border-radius:12px;font-size:14px}
.toc a:hover{background:rgba(157,54,255,.12);color:var(--text)}
.toc span{color:#d7b8ff;font-size:12px;font-weight:900;min-width:22px}
.document{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(17,11,30,.88),rgba(9,6,19,.92));padding:8px 34px 34px}
.doc-section{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.doc-section:last-child{border-bottom:0}
.section-kicker{color:var(--purple);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.doc-section h2{font-size:28px;line-height:1.2;margin:8px 0 16px;letter-spacing:-.03em}
.doc-section p{color:#ded7ed;margin:12px 0}
mark{background:rgba(157,54,255,.32);color:white;border-radius:4px;padding:1px 3px}
.to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(17,11,30,.86);color:white;font-size:20px;cursor:pointer;opacity:0;transform:translateY(10px);transition:.2s}
.to-top.show{opacity:1;transform:translateY(0)}
.footer{max-width:1180px;margin:0 auto 40px;padding:22px 28px;color:var(--muted);display:flex;align-items:center;gap:12px}
.footer img{width:26px;height:26px}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding:18px;margin-top:20px}.hero-copy{padding:28px}.hero-logo{display:none}.summary{grid-template-columns:repeat(2,1fr)}.document-layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.toc{max-height:280px}}
@media(max-width:640px){.topbar{padding:12px 14px}.top-actions a{display:none}main{padding:0 14px 32px}.summary{grid-template-columns:1fr}.document{padding:4px 20px 24px}.doc-section h2{font-size:23px}}
@media print{.topbar,.sidebar,.hero-actions,.to-top,.summary{display:none!important}body{background:white;color:#111}.hero,.document-layout,main{display:block;margin:0;padding:0;max-width:none}.hero-copy,.document{box-shadow:none;border:0;background:white;color:#111}.doc-section{break-inside:avoid;border-bottom:1px solid #ddd}.doc-section p{color:#111}}