html,body,#root{background:#020617;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020617;font-family:Arial,sans-serif}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617eb;justify-content:space-between;align-items:center;padding:24px 8%;display:flex;position:sticky;top:0}.navbar h2{color:#f6c76b;letter-spacing:1px;font-size:32px;font-weight:700}.navbar nav{align-items:center;display:flex}.navbar a{color:#fff;margin-left:32px;font-weight:600;text-decoration:none;transition:all .3s}.navbar a:hover{color:#f6c76b}.hero{background:radial-gradient(circle at 100%,#7c3aedb3,#0000 30%),linear-gradient(135deg,#020617,#0f172a,#1e1b4b);justify-content:space-between;align-items:center;gap:60px;width:100%;min-height:100vh;padding:8%;display:flex}.hero-text{flex:1}.tag{color:#f6c76b;letter-spacing:4px;margin-bottom:20px;font-size:14px;font-weight:700}.hero h1{color:#fff;margin-bottom:28px;font-size:72px;line-height:1.05}.hero p{color:#cbd5e1;max-width:650px;margin-bottom:35px;font-size:20px;line-height:1.9}.hero-buttons{gap:18px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:16px 34px;font-size:16px;font-weight:700;transition:all .3s}button:hover{transform:translateY(-4px)}.primary-btn{color:#111827;background:linear-gradient(135deg,#f6c76b,#f59e0b)}.outline-btn{color:#fff;background:0 0;border:1px solid #f6c76b}.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:28px;width:360px;padding:40px;box-shadow:0 25px 60px #00000073}.hero-card h3{color:#fff;margin-bottom:15px;font-size:34px}.hero-card p{color:#d1d5db;margin-bottom:20px;line-height:1.8}.hero-card h2{color:#f6c76b;font-size:42px}.section{text-align:center;background:#020617;padding:110px 8%}.section h2{color:#fff;margin-bottom:20px;font-size:52px}.section-subtitle{color:#cbd5e1;max-width:750px;margin:auto auto 60px;font-size:18px;line-height:1.8}.cards{justify-content:center;gap:28px;margin-top:30px;display:flex}.card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;flex:1;padding:40px;transition:all .3s}.card:hover{border-color:#7c3aed;transform:translateY(-10px)}.card span{color:#8b5cf6;font-size:42px}.card h3{color:#fff;margin:24px 0 14px;font-size:28px}.card p{color:#cbd5e1;font-size:17px;line-height:1.8}.pricing-section{background:radial-gradient(circle at 100%,#f59e0b66,#0000 30%),linear-gradient(135deg,#020617,#1e1b4b);justify-content:space-between;align-items:center;gap:60px;padding:110px 8%;display:flex}.pricing-left{flex:1}.pricing-left h2{color:#fff;margin:20px 0;font-size:54px}.pricing-left p{color:#d1d5db;font-size:18px;line-height:1.8}.pricing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #f6c76b;border-radius:28px;width:420px;padding:45px;box-shadow:0 25px 60px #0006}.popular{color:#f6c76b;background:#f6c76b1f;border-radius:40px;margin-bottom:24px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-block}.pricing-card h3{color:#fff;font-size:30px}.pricing-card h1{color:#f6c76b;margin:20px 0;font-size:62px}.pricing-card span{color:#d1d5db;font-size:18px}.pricing-card ul{margin:30px 0;list-style:none}.pricing-card li{color:#e5e7eb;margin:16px 0;font-size:17px}.testimonials{background:#020617}.testimonial-card{background:#ffffff0d;border:1px solid #ffffff14}.testimonial-card p{font-style:italic}.testimonial-card h4{color:#f6c76b;margin-top:22px}.cta{text-align:center;background:linear-gradient(135deg,#4c1d95,#111827,#f59e0b);padding:90px 8%}.cta h2{margin-bottom:18px;font-size:54px}.cta p{color:#f3f4f6;margin-bottom:35px;font-size:18px}footer{text-align:center;background:#020617;border-top:1px solid #ffffff14;padding:50px 8%}footer h3{color:#f6c76b;margin-bottom:12px;font-size:30px}footer p{color:#cbd5e1;margin:10px 0}@media (width<=992px){.hero,.pricing-section,.cards{flex-direction:column}.hero{text-align:center;padding-top:120px}.hero h1{font-size:48px}.hero p{margin:auto auto 35px}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-card,.pricing-card{width:100%}.section h2,.pricing-left h2,.cta h2{font-size:40px}.cards{width:100%}.navbar{flex-direction:column;gap:16px}.navbar nav{flex-wrap:wrap;justify-content:center}.navbar a{margin:8px 12px}}