*{box-sizing:border-box}
body{margin:0;font-family:Inter,sans-serif;background:#0d0b14;color:#fff}
.container{max-width:1200px;margin:auto;padding:80px 20px}
.header{position:sticky;top:0;background:rgba(13,11,20,.85);backdrop-filter:blur(12px);border-bottom:1px solid #2a2138}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}
.logo{font-weight:800}
.hero{position:relative;overflow:hidden}
.glow{position:absolute;width:600px;height:600px;background:radial-gradient(#7c3aed,transparent 70%);opacity:.25;right:-100px;top:-100px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:80vh}
.badge{padding:8px 14px;background:#1a1427;border:1px solid #33284a;border-radius:999px}
h1{font-size:56px;line-height:1.1}
h2{text-align:center;margin-bottom:40px}
p{color:#bdb6d2}
.dashboard,.card,.video,.price-card,.form{background:rgba(255,255,255,.04);border:1px solid #2a2138;border-radius:24px;padding:30px;backdrop-filter:blur(12px)}
.dashboard{height:420px;display:flex;align-items:center;justify-content:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.btn{display:inline-block;padding:14px 24px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#9f67ff);color:#fff;text-decoration:none;border:none}
.btn-outline{background:transparent;border:1px solid #7c3aed}
.actions{display:flex;gap:12px;margin-top:25px}
input,textarea{width:100%;padding:14px;background:#171320;border:1px solid #33284a;color:#fff;border-radius:12px;margin:10px 0}
textarea{height:120px}
footer{border-top:1px solid #2a2138;padding:30px;text-align:center;color:#aaa}
@media(max-width:768px){
.hero-grid,.cards{grid-template-columns:1fr}
h1{font-size:38px}
.container{padding:50px 20px}
iframe{height:220px}
}