:root{--bg:#0f0d17;--panel:#171321;--text:#f8f5ff;--muted:#b7adc7;--line:#342744;--pink:#ff4f87;--purple:#9b5de5;--gold:#ffc857;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.topbar{background:#09070e;color:#c9bfd7;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding:7px 0}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,var(--pink),var(--purple));display:grid;place-items:center}.brand strong{font-size:27px}.brand small{display:block;color:var(--muted)}
nav{position:sticky;top:0;z-index:25;background:rgba(15,13,23,.96);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav{display:flex;gap:22px;align-items:center;overflow-x:auto;white-space:nowrap;min-height:52px}.nav a{font-size:13px;font-weight:800}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:34px 0 44px}.hero-copy{padding:38px 0}.eyebrow{color:var(--pink);font-size:12px;text-transform:uppercase;font-weight:900}.hero h1{font-size:56px;line-height:1.02}.hero p{font-size:19px;color:var(--muted)}.hero-image{border-radius:24px;overflow:hidden}
.signup{background:#171321;border:1px solid var(--line);border-radius:20px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.signup input,.signup select,.contact-form input,.contact-form textarea{width:100%;padding:12px;background:#0f0c17;color:#fff;border:1px solid #3d2f50;border-radius:10px}.btn{display:inline-block;border:0;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;padding:12px 18px;border-radius:10px;font-weight:900}.section{padding:30px 0}.section h2{font-size:31px}.lead{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card img{width:100%;aspect-ratio:4/5;object-fit:cover}.card-body{padding:14px}.card p{color:var(--muted);font-size:14px}.pill{display:inline-block;background:#2d203d;color:#f5d7ff;padding:4px 9px;border-radius:999px;font-size:11px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.page{max-width:920px;margin:auto;padding:36px 0}.page h1{font-size:44px}.page p,.page li{color:#d6cfe2}.notice{background:#20182d;border-left:4px solid var(--gold);padding:15px 17px;border-radius:6px;margin:22px 0}.profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;padding:36px 0}.profile img{border-radius:20px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px}.contact-form{display:grid;gap:14px}
footer{margin-top:55px;background:#09070e;color:#c8bfd6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding:42px 0}.footer-grid a{display:block;margin:7px 0}.copy{border-top:1px solid #2c2338;padding:16px 0;font-size:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.steps,.profile{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.form-grid,.grid,.facts,.footer-grid{grid-template-columns:1fr}.hero h1,.page h1{font-size:36px}.brand small{display:none}}