:root{--bg:#070d24;--bg2:#0d1a44;--fg:#e8ecff;--mut:#9aa6cf;--ac:#b14dff;--line:rgba(177,77,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--fg);background:radial-gradient(1200px 700px at 80% -10%,#1a2563 0,transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg) 60%);background-color:var(--bg);background-repeat:no-repeat;min-height:100vh}
.sky{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.star{position:absolute;width:90px;height:30px;background:url(assets/star.svg) no-repeat center/contain;filter:drop-shadow(0 0 6px var(--ac));opacity:0;animation:fall linear infinite}
@keyframes fall{0%{transform:translate(0,0) rotate(-18deg);opacity:0}10%{opacity:.85}80%{opacity:.6}100%{transform:translate(-420px,180px) rotate(-18deg);opacity:0}}
.wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 24px}
a{color:#d3a2ff}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:9;background:#fff;color:#000;padding:8px}
.nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;gap:16px;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.15rem;color:var(--fg);text-decoration:none;letter-spacing:-.01em}.logo span{color:var(--ac);margin-left:4px;text-shadow:0 0 10px var(--ac)}
nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a{color:var(--mut);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--fg)}
.btn-sm{border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--fg)!important}
section.wrap{padding-top:72px;padding-bottom:72px}
section.hero{padding-top:96px;padding-bottom:110px}
.eyebrow{color:var(--ac);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600;margin:0 0 18px}
h1{font-size:clamp(2.1rem,5.5vw,3.8rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 24px;max-width:20ch}
h1 em{font-style:normal;color:var(--mut);font-weight:600}
h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin:0 0 36px}
h3{margin:0 0 8px;font-size:1.12rem}
.lead{color:var(--mut);font-size:1.12rem;max-width:56ch;margin:0 0 36px}
.btn{display:inline-block;background:var(--ac);color:#fff;font:inherit;font-weight:600;border:0;padding:14px 28px;border-radius:99px;text-decoration:none;cursor:pointer;box-shadow:0 0 24px rgba(177,77,255,.45);transition:box-shadow .2s,transform .2s}
.btn:hover{box-shadow:0 0 38px rgba(177,77,255,.75);transform:translateY(-1px)}
:focus-visible{outline:2px solid #e2bfff;outline-offset:3px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:28px;backdrop-filter:blur(4px)}
.card p{margin:0;color:var(--mut)}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ac);color:var(--ac);font-weight:700;margin-bottom:14px;box-shadow:0 0 14px rgba(177,77,255,.35)}
.steps p{color:var(--mut);margin:0}
.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#3a1b6e,var(--ac));margin-bottom:16px}
.role{color:#d3a2ff!important;font-size:.92rem;margin-bottom:10px!important}
.contact form{display:grid;gap:16px;max-width:560px}
label{display:grid;gap:6px;font-size:.92rem;color:var(--mut)}
input,textarea{font:inherit;color:var(--fg);background:rgba(7,13,36,.7);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
input:focus,textarea:focus{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px rgba(177,77,255,.25)}
.contact .btn{justify-self:start}.note{font-size:.85rem}
.foot{border-top:1px solid var(--line);padding:32px 24px;color:var(--mut);font-size:.9rem}
@media (max-width:800px){.grid3,.grid2,.steps{grid-template-columns:1fr}section.wrap{padding:56px 20px}section.hero{padding-top:56px;padding-bottom:72px}nav{gap:14px}nav a:not(.btn-sm){display:none}.nav{flex-wrap:nowrap}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.star{opacity:.5}}