:root{--bg:#0b1116;--panel:#0e151b;--text:#e5f2ef;--muted:#9fb6b1;--accent:#36d7b7;--accent2:#1ab3a0;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(1200px 800px at 80% -10%, rgba(54,215,183,.08), transparent 60%),radial-gradient(1000px 600px at -10% 120%, rgba(54,215,183,.06), transparent 60%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.wrap{min-height:100%;max-width:980px;margin:0 auto;padding:56px 20px 32px;display:flex;flex-direction:column;justify-content:space-between}
.brand{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.wordmark{font-weight:800;font-size:28px;letter-spacing:.06em}
.logoimg{height:30px}
.underline{width:110px;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;box-shadow:0 6px 20px rgba(54,215,183,.35)}
.hero{margin-top:10vh}
h1{font-size:clamp(34px,5vw,56px);line-height:1.07;margin:0 0 18px 0;font-weight:800;letter-spacing:-0.01em;text-wrap:balance}
.sub{margin:0 0 28px 0;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--muted);max-width:820px}
.sub .accent{color:var(--text);font-weight:700}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;text-decoration:none;font-weight:650;letter-spacing:.01em;border:1px solid var(--line);backdrop-filter:blur(6px);transition:all .18s ease}
.btn-primary{background:linear-gradient(180deg, rgba(54,215,183,.25), rgba(54,215,183,.18));color:var(--text);border-color:rgba(54,215,183,.45)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 50px rgba(54,215,183,.25)}
.btn-ghost{color:var(--text);background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.12)}
.btn-ghost:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}
.footer{margin-top:18vh;padding-top:24px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}
.footer .sep{opacity:.5;padding:0 10px}
.fade-in{{animation:fade .7s ease-out both}}@keyframes fade{{from{{opacity:0;transform:translateY(6px)}}to{{opacity:1;transform:translateY(0)}}}}