:root{--bg:#0f1020;--ink:#f2f6ff;--muted:#c5d0ee;--paper:#ffffff;--accent:#e85d04;--accent2:#00b4d8}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:"Figtree",system-ui,Arial,sans-serif;background:var(--bg);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.brand{font-weight:800;letter-spacing:.2px}
.site-head{background:linear-gradient(120deg,rgba(232,93,4,.12),rgba(0,180,216,.12));backdrop-filter:saturate(130%);border-bottom:1px solid rgba(255,255,255,.08)}
.site-head .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.site-head .meta{opacity:.9;font-size:.95rem}
.site-head .dot{margin:0 8px;opacity:.6}
.hero{position:relative;min-height:64vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% -10%,rgba(0,180,216,.35),transparent),radial-gradient(900px 600px at 90% 10%,rgba(232,93,4,.3),transparent);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,16,32,.2),rgba(15,16,32,.65)),url(var(--hero)) center/cover no-repeat;filter:contrast(1.1)}
.hero__glass{position:relative;z-index:2;max-width:820px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:32px;border-radius:16px}
.hero__decor{display:none;position:absolute;inset:auto -120px -120px auto;width:320px;height:320px;background:conic-gradient(from 0deg,var(--accent),var(--accent2),var(--accent));filter:blur(40px);opacity:.35;border-radius:50%}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 10px}
.hero p{font-size:1.1rem;color:var(--muted);margin:0 0 16px}
.hero__cta{display:flex;gap:10px}
.btn{background:var(--accent);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center}
.btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.3)}
.btn--light{background:#fff;color:#111}
.slice{padding:56px 0}
.light{background:#101227}
.dark{background:#0b0c19}
.accent{background:linear-gradient(90deg,rgba(232,93,4,.15),rgba(0,180,216,.15))}
.split{display:grid;gap:28px;grid-template-columns:1fr}
.split.rev{grid-template-columns:1fr}
.card{background:var(--paper);color:#111;border-radius:16px;overflow:hidden}
.card img{width:100%}
.card figcaption{padding:10px 14px;font-size:.95rem;color:#333}
.grid3{display:grid;gap:22px;grid-template-columns:1fr}
.grid2{display:grid;gap:16px;grid-template-columns:1fr}
.tile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}
.tile h3{margin:0 0 6px}
.tile p{margin:0;color:var(--muted)}
.banner{background:linear-gradient(135deg,rgba(0,180,216,.18),rgba(232,93,4,.18));border:1px solid rgba(255,255,255,.12);padding:28px;border-radius:16px}
.note{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.2);padding:18px;border-radius:12px}
.form{display:grid;gap:14px;margin-top:16px}
.form label{display:grid;gap:6px;font-weight:600}
input,textarea{background:#0f132a;color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px}
input:focus,textarea:focus{outline:2px solid var(--accent2);outline-offset:1px}
.actions{display:flex;gap:10px;margin-top:6px}
.site-foot{border-top:1px solid rgba(255,255,255,.12);background:#0a0b18}
.footgrid{display:grid;gap:10px;grid-template-columns:1fr;align-items:center;padding:18px 20px}
.footnav a{display:inline-block;margin-right:14px;color:var(--muted)}
.tagline{margin-top:10px;opacity:.9}
.page-head{background:#0a0b18;border-bottom:1px solid rgba(255,255,255,.12)}
.hero--sub{min-height:44vh}
.legal h1{font-size:2rem;margin:0 0 12px}
.legal h2{font-size:1.25rem;margin:20px 0 8px}
.legal p{color:#d7e0ff;line-height:1.65}
.thankyou .card{background:var(--paper);color:#111;padding:28px;border-radius:16px;margin:12vh auto;max-width:720px;text-align:center}
.centered{display:grid;gap:16px}
@media(min-width:860px){
    .split{grid-template-columns:1.2fr .8fr}
    .split.rev{grid-template-columns:.8fr 1.2fr}
    .grid3{grid-template-columns:repeat(3,1fr)}
    .grid2{grid-template-columns:repeat(2,1fr)}
    .footgrid{grid-template-columns:1fr auto}
}
main{
    overflow: hidden;
}
section{
    overflow: hidden;
}