
:root{--bg:#fbf8ff;--ink:#1d1240;--muted:#5a4d80;--card:#fff;--line:#e3d8fb;--p:#6a3df0;--pink:#ff3d8b;--deep:#2a1463;--lime:#c6f432;--note:#f3edff}
@media (prefers-color-scheme:dark){:root{--bg:#150b33;--ink:#f1f7fb;--muted:#c9bde8;--card:#23125a;--line:#3b2a80;--note:#2d1a6e}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Verdana,sans-serif;line-height:1.6}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}a{color:var(--p)}
.wrap{max-width:1050px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:5;background:var(--deep)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{color:#fff;font-weight:800;font-size:1.2rem;text-decoration:none}.logo span{color:var(--lime)}
nav a{color:#e6defd;text-decoration:none;margin-right:14px;font-size:.95rem}nav a:hover{color:var(--lime)}
.btn{display:inline-block;background:var(--lime);color:var(--deep);font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.pink{background:var(--pink);color:#fff}.btn.ghost{background:#fff;color:var(--deep)}
.hero{background:linear-gradient(135deg,var(--p),var(--pink));color:#fff;padding:64px 0}
.hero h1{font-size:clamp(2rem,5vw,3.2rem)}.hero p{font-size:1.15rem;max-width:36em}
section{padding:56px 0}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}.sub{color:var(--muted);max-width:42em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}
.card{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:20px}
.card:nth-child(3n+1){border-top:6px solid var(--p)}.card:nth-child(3n+2){border-top:6px solid var(--pink)}.card:nth-child(3n){border-top:6px solid #ffa800}
.ic{font-size:1.8rem}.steps .card{border-top:6px solid var(--lime)}.num{font-size:1.6rem;font-weight:800;color:var(--pink)}
.band{background:var(--lime);color:#1d2600;text-align:center;padding:36px 0}.band .btn{background:var(--deep);color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
label{display:block;font-weight:700;margin:12px 0 4px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:11px;border:2px solid var(--line);border-radius:10px;font:inherit;background:var(--bg);color:var(--ink)}
textarea{min-height:120px}.check{display:flex;gap:10px;align-items:flex-start;background:var(--note);border-radius:12px;padding:12px;margin-top:14px;font-size:.85rem}
.check input{width:20px;height:20px;flex:none;margin-top:2px}.hp{position:absolute;left:-9999px}
.contact{background:var(--deep);color:#fff}.contact a{color:var(--lime)}.contact .card{color:var(--ink)}.contact .card a{color:var(--p)}
footer{background:#1a0b45;color:#c9bde8;padding:24px 0;text-align:center;font-size:.9rem}footer a{color:var(--lime)}
.doc{max-width:760px;margin:0 auto;padding:40px 20px}.doc h2{font-size:1.3rem;margin-top:1.6em}
@media(max-width:760px){.two{grid-template-columns:1fr}nav{display:none}}
