:root { color-scheme: dark; --bg:#070d20; --panel:#111b37; --line:#2b3f70; --text:#f4f7ff; --muted:#afbddc; --cyan:#12d3ec; --pink:#ff28ae; --gold:#ffd51f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 20% 0%,#142b63 0,transparent 34rem),var(--bg); color:var(--text); font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:#65e8f5; text-underline-offset:3px; }
.site-header { max-width:1180px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; gap:28px; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); font-weight:800; text-decoration:none; }
.brand img { border-radius:12px; }
nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 16px; }
nav a { color:var(--muted); text-decoration:none; font-size:14px; }
nav a:hover { color:var(--text); }
.document { width:min(920px,calc(100% - 32px)); min-width:0; margin:38px auto 56px; padding:clamp(22px,5vw,56px); background:rgba(17,27,55,.94); border:1px solid var(--line); border-radius:24px; box-shadow:0 24px 80px rgba(0,0,0,.28); }
h1,h2,h3 { line-height:1.22; color:#fff; scroll-margin-top:20px; }
h1 { margin:0 0 30px; font-size:clamp(30px,5vw,48px); }
h2 { margin:46px 0 18px; padding-top:16px; border-top:1px solid var(--line); font-size:clamp(23px,3vw,31px); }
h3 { margin:32px 0 14px; font-size:21px; }
p { margin:0 0 18px; }
p,li,a,code { overflow-wrap:anywhere; }
ul,ol { margin:0 0 22px; padding-left:28px; }
li { margin:7px 0; }
code { padding:2px 7px; border-radius:7px; background:#08122c; color:#ffb7e6; font:0.92em ui-monospace,SFMono-Regular,Consolas,monospace; }
.table-wrap { overflow-x:auto; margin:22px 0 28px; border:1px solid var(--line); border-radius:14px; }
table { width:100%; min-width:520px; border-collapse:collapse; }
th,td { padding:13px 16px; text-align:left; border-bottom:1px solid var(--line); }
th { background:#17264d; color:#fff; }
tr:last-child td { border-bottom:0; }
footer { max-width:920px; margin:0 auto 36px; padding:0 20px; display:flex; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; color:var(--muted); font-size:14px; }
.hero { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:34px; }
.hero img { width:160px; height:160px; border-radius:30px; box-shadow:0 0 45px rgba(26,89,255,.35); }
.hero h1 { margin:6px 0 14px; }
.eyebrow { margin:0; color:var(--cyan); font-weight:800; text-transform:uppercase; letter-spacing:.08em; font-size:13px; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:42px 0; }
.card { min-height:112px; padding:20px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; color:var(--text); text-decoration:none; background:#17264d; border:1px solid #38518b; border-radius:16px; transition:transform .15s,border-color .15s; }
.card:hover { transform:translateY(-2px); border-color:var(--cyan); }
.card span { color:var(--muted); font-size:14px; }
.contact { padding:22px; background:#0b1532; border-radius:16px; }
.contact h2 { margin:0 0 10px; padding:0; border:0; }
.contact p { margin:0; }
@media (max-width:760px) { .site-header { align-items:flex-start; flex-direction:column; } .brand { min-width:0; } .brand span { overflow-wrap:anywhere; } nav { width:100%; min-width:0; justify-content:flex-start; } .document { margin-top:20px; border-radius:18px; } .hero { grid-template-columns:1fr; } .hero img { width:112px; height:112px; } .cards { grid-template-columns:1fr; } }