:root{--bg:#0c0f14;--ink:#0f1420;--light:#f5f7fb;--muted:#aab3c5;--p:#7c4dff;--p2:#00d4ff;--acc:#ffb703}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--ink),#0b1222);color:var(--light)}
a{color:var(--p2);text-decoration:none}
a:hover{opacity:.85}
.container{max-width:1060px;margin:0 auto;padding:0 1.25rem}
.display{font-weight:800;font-size:min(10vw,56px);line-height:1.05}
.lead{font-size:1.125rem;max-width:52ch;opacity:.92}
.btn{display:inline-flex;gap:.5rem;align-items:center;padding:.85rem 1.15rem;border-radius:.75rem;font-weight:700;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--p),var(--p2));color:white}
.btn-secondary{background:#111827;color:#e7ecf6;border-color:#1f2937}
.section{padding:64px 0}
.section.light{background:#f7f9ff;color:#1a2438}
.section.dark{background:#0e1526}
.section.accent{background:linear-gradient(135deg,var(--p) 0%,var(--p2) 100%);color:white}
.hero{position:relative;min-height:78vh;background-size:cover;background-position:center}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,15,20,.55),rgba(12,15,20,.9))}
.hero-inner{position:relative;padding-top:18vh}
.subhero{position:relative;min-height:42vh;background-size:cover;background-position:center}
.subhero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,15,20,.5),rgba(12,15,20,.9))}
.subhero-inner{position:relative;padding-top:12vh}
.grid-3{display:grid;grid-template-columns:1fr;gap:22px;margin-top:28px}
.card{background:#0f172a;border:1px solid #172037;border-radius:16px;padding:20px; color: #fff}
.icon{font-size:28px;color:var(--acc);margin-bottom:8px}
.split{display:grid;grid-template-columns:1fr;gap:28px;margin-top:24px}
.list{margin:0;padding-left:18px}
.list li{margin:.4rem 0}
.photo{width:100%;height:auto;border-radius:14px;display:block}
.contact{display:grid;grid-template-columns:1fr;gap:24px}
.contact-block{background:#0f172a;border:1px solid #172037;border-radius:14px;padding:20px}
.form{display:grid;gap:10px}
.label{font-weight:600}
.control{padding:.9rem 1rem;border-radius:10px;border:1px solid #cfd6e6;background:white;color:#0b1222}
.control:focus{outline:none;border-color:var(--p)}
.footer{background:#0a0f1b;color:#d3daea;padding:28px 0}
.foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.brand{font-weight:800;color:#e8edfa}
.links a{margin-right:14px;color:#cdd6eb}
.copy{opacity:.7}
.pagehead{background:#0e1526;color:#e8edfa;padding:42px 0}
.legal h2{margin-top:8px}
.legal p{line-height:1.7;color:#1a2438}
.legal{color:#1a2438}
.legal .back a{display:inline-block;margin-top:12px}
.thanks{min-height:70vh;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%,rgba(124,77,255,.25),transparent 60%)}
.thanks .box{background:#0f172a;border:1px solid #172037;border-radius:16px;padding:32px;text-align:center}
.hero .decor{position:absolute;right:-80px;top:-80px;width:360px;height:360px;background:radial-gradient(circle at 30% 30%,rgba(0,212,255,.35),transparent 60%), radial-gradient(circle at 70% 70%,rgba(124,77,255,.4),transparent 60%);filter:blur(30px);opacity:.8;border-radius:50%}
@media(min-width:768px){
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .split{grid-template-columns:1fr 1fr}
    .contact{grid-template-columns:1fr 1fr}
}
section, .hero{
    overflow:hidden;
}