body{margin:0;background:#020617;color:white;font-family:Arial,Helvetica,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 10%,rgba(139,92,246,.28),transparent 35%),radial-gradient(circle at 80% 20%,rgba(56,189,248,.2),transparent 35%),#020617}
nav{padding:22px 7%;display:flex;justify-content:space-between;align-items:center;background:rgba(2,6,23,.8);border-bottom:1px solid #1e293b}
.logo{font-size:28px;font-weight:900;background:linear-gradient(90deg,#8b5cf6,#38bdf8,#ec4899);-webkit-background-clip:text;color:transparent}
nav a{color:white;text-decoration:none;margin-left:16px;font-weight:bold}
.hero{padding:70px 7%;max-width:1200px;margin:auto}
h1{font-size:56px;line-height:1;margin:0 0 18px}
.grad{background:linear-gradient(90deg,#8b5cf6,#38bdf8,#ec4899);-webkit-background-clip:text;color:transparent}
p{color:#cbd5e1;line-height:1.6;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:30px}
.card{background:rgba(15,23,42,.86);border:1px solid rgba(139,92,246,.28);border-radius:22px;padding:24px;box-shadow:0 0 40px rgba(139,92,246,.12)}
.price{font-size:38px;font-weight:900;color:#38bdf8;margin:10px 0}
.btn,button{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#38bdf8);color:white;padding:13px 18px;border:0;border-radius:12px;text-decoration:none;font-weight:900;cursor:pointer;margin:5px 5px 5px 0}
input,select,textarea{width:100%;padding:13px;margin:7px 0;border-radius:10px;background:#020617;color:white;border:1px solid #334155;box-sizing:border-box}
small{color:#94a3b8}