@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;600&display=swap');
:root{--a:#7c3aed;--b:#ec4899;--c:#06b6d4;--d:#f59e0b;--ink:#0f0a1e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:#eae6ff;background:var(--ink);background-image:radial-gradient(circle at 10% 0%,#7c3aed33,transparent 40%),radial-gradient(circle at 90% 30%,#ec489933,transparent 40%),radial-gradient(circle at 50% 100%,#06b6d433,transparent 40%);background-attachment:fixed;min-height:100vh}
h1,h2,h3,nav b{font-family:'Space Grotesk',sans-serif}a{color:#a5f3fc}
nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5%;background:#0f0a1ecc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:8px}
nav b{font-size:1.5rem;background:linear-gradient(90deg,var(--c),var(--b));-webkit-background-clip:text;color:transparent}
nav a{margin-left:18px;color:#eae6ff;text-decoration:none;font-weight:600;font-size:.95rem;transition:.2s}nav a:hover{color:var(--c)}
.hero{position:relative;overflow:hidden;padding:110px 5% 90px;text-align:center}
.hero:before,.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.55;z-index:-1;animation:float 9s ease-in-out infinite}
.hero:before{background:var(--a);left:-80px;top:-60px}.hero:after{background:var(--b);right:-80px;bottom:-120px;animation-delay:-4s}
@keyframes float{50%{transform:translate(40px,30px) scale(1.1)}}
.hero h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05;margin:0 auto 18px;max-width:950px}
.grad{background:linear-gradient(90deg,var(--c),var(--a),var(--b),var(--d));background-size:300%;-webkit-background-clip:text;color:transparent;animation:sh 6s linear infinite}@keyframes sh{to{background-position:300%}}
.hero p{font-size:1.15rem;max-width:640px;margin:0 auto 30px;color:#cfc8f5}
.pill{display:inline-block;padding:6px 14px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2a;font-size:.85rem;margin-bottom:18px}
.btn{display:inline-block;background:linear-gradient(90deg,var(--a),var(--b));color:#fff;padding:14px 26px;border-radius:12px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem;box-shadow:0 8px 30px #ec489955;transition:.25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #ec489988}.btn.alt{background:#ffffff14;border:1px solid #ffffff40;box-shadow:none}
.wrap{padding:40px 5%;max-width:1200px;margin:auto}.sec-t{text-align:center;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 30px}
.glass,.box,.card{background:#ffffff0d;border:1px solid #ffffff22;backdrop-filter:blur(16px);border-radius:20px}
.box{padding:26px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;text-align:center}
.stats .glass{padding:24px}.stats b{font-family:'Space Grotesk';font-size:2.6rem;display:block;background:linear-gradient(90deg,var(--c),var(--b));-webkit-background-clip:text;color:transparent}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.steps .glass{padding:26px;transition:.3s}.steps .glass:hover{transform:translateY(-6px);border-color:var(--c)}
.ico{font-size:2rem;width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--a),var(--b));margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.card{overflow:hidden;text-decoration:none;color:inherit;transition:.3s;display:block}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #7c3aed44;border-color:#ffffff55}
.card .im{overflow:hidden;height:180px}.card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.12)}
.cb{padding:16px}.cb h3{margin:8px 0;font-size:1.08rem;color:#fff}.cb p{margin:4px 0;font-size:.88rem;color:#bdb5e8}
.price{color:#67e8f9!important;font-weight:700;font-size:1rem!important}
.tag{font-size:.7rem;background:#f59e0b33;color:#fcd34d;border:1px solid #f59e0b66;padding:2px 9px;border-radius:99px}.tag.new{background:#10b98133;color:#6ee7b7;border-color:#10b98166}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.quote{padding:24px}.quote p{font-style:italic;color:#e0dbff}.quote small{color:#a59ccf}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cta>div{padding:40px;border-radius:24px;position:relative;overflow:hidden}
.cta .o{background:linear-gradient(135deg,#7c3aed,#ec4899)}.cta .f{background:linear-gradient(135deg,#0891b2,#7c3aed)}.cta h2{font-size:2rem;margin-top:0}.cta .btn{background:#fff;color:var(--ink);box-shadow:none}
form label{display:block;margin:12px 0 5px;font-weight:600;color:#ddd6fe}
input,select,textarea{width:100%;padding:12px;border:1px solid #ffffff2a;border-radius:12px;font:inherit;background:#ffffff10;color:#fff;transition:.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px #06b6d433}select option{color:#000}
.chk label{display:inline-block;font-weight:400;margin-right:12px}.chk input{width:auto}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px;padding:16px}
.ok{background:#10b98133;border:1px solid #10b981;padding:12px;border-radius:12px;display:none}
.warn{background:#f59e0b1a!important;border-color:#f59e0b66!important}
footer{padding:30px 5%;color:#8f86bd;font-size:.85rem;text-align:center;border-top:1px solid #ffffff14;margin-top:40px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
@media(max-width:700px){.two,.cta{grid-template-columns:1fr}nav a{margin:0 12px 0 0}.hero{padding:70px 5% 60px}.cta>div{padding:28px}}