.hero{text-align:center;padding:120px 0 90px}.hero-badge{color:#cfe7ff;background:#ffffff14;border-radius:999px;margin-bottom:28px;padding:10px 18px;display:inline-block}.hero h1{background:linear-gradient(90deg,#60a5fa,#22d3ee,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:72px;font-weight:900;line-height:1.1}.hero p{color:#b6bfd1;font-size:22px}.stats{padding-top:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:35px}.stat-card h2{color:#60a5fa;margin-bottom:10px;font-size:40px}.section-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.section-header h2{font-size:34px}.section-header a{color:#60a5fa;font-weight:700}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.preview-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:28px;transition:all .25s}.preview-card:hover{border-color:#60a5fa;transform:translateY(-6px);box-shadow:0 15px 35px #00000059}.preview-card h3{margin-bottom:14px;font-size:22px}.preview-card p{color:#b6bfd1}@media (max-width:768px){.hero h1{font-size:46px}.hero p{font-size:18px}.section-header{flex-direction:column;align-items:flex-start;gap:15px}}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .2s}.btn.active{color:#fff;background:#2563eb}.btn.inactive{color:#4b5563;background:#e5e7eb}.btn.inactive:hover{background:#d1d5db}