*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:#0d0b12;color:#e8e6ee;line-height:1.6}
a{color:#c4b5fd}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:#0d0b12ee;border-bottom:1px solid #2a2338;z-index:9}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}header img{height:44px}
nav a{color:#e8e6ee;text-decoration:none;margin-left:20px;font-weight:600}nav a:hover{color:#a78bfa}
#menu{display:none;background:none;border:1px solid #7c3aed;color:#fff;font-size:20px;border-radius:8px;padding:4px 10px}
.hero{padding:100px 0 80px;background:radial-gradient(circle at 80% 20%,#7c3aed55,transparent 50%),linear-gradient(160deg,#1a1028,#0d0b12)}
.hero h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.05;margin:0 0 16px;font-weight:900}.hero h1 span{color:#a78bfa}
.hero p{font-size:1.2rem;max-width:640px;color:#cfc9dc}.btn{display:inline-block;background:#7c3aed;color:#fff;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;margin:10px 10px 0 0;border:0;font-size:1rem;cursor:pointer}.btn.o{background:none;border:2px solid #a78bfa}
section{padding:70px 0}section:nth-of-type(even){background:#14101c}h2{font-size:2rem;margin:0 0 24px}h2:after{content:"";display:block;width:60px;height:4px;background:#7c3aed;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#1c1626;border:1px solid #2e2540;border-radius:14px;padding:24px}.card h3{margin-top:0;color:#c4b5fd}
.ph{background:#facc15;color:#111;padding:1px 6px;border-radius:4px;font-weight:700;font-size:.9em}
ol.steps{counter-reset:s;list-style:none;padding:0}ol.steps li{counter-increment:s;position:relative;padding:0 0 22px 60px}ol.steps li:before{content:counter(s);position:absolute;left:0;width:42px;height:42px;border-radius:50%;background:#7c3aed;display:grid;place-items:center;font-weight:800}
details{background:#1c1626;border:1px solid #2e2540;border-radius:10px;padding:14px 18px;margin-bottom:12px}summary{font-weight:700;cursor:pointer}
form{display:grid;gap:14px;max-width:640px}input,select,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #3a2f50;background:#0d0b12;color:#fff;font:inherit}
.note{font-size:.9rem;color:#a39cb5}footer{background:#08070b;padding:40px 0;font-size:.95rem;border-top:3px solid #7c3aed}
@media(max-width:760px){nav{display:none;position:absolute;top:70px;left:0;right:0;background:#14101c;padding:10px 20px}nav.open{display:block}nav a{display:block;margin:10px 0}#menu{display:block}.hero{padding:60px 0}}