.features-section{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:100px 20px}.badge{border-radius:var(--border-radius-full);color:var(--color-primary-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b5cf626;border:1px solid #8b5cf633;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.title{color:#fff;margin-top:20px;font-size:32px;font-weight:700}.subtitle{color:var(--color-text-muted);max-width:680px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:17px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:30px;margin-top:70px;display:grid}.feature-card{border-radius:var(--border-radius-lg);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #8b5cf626;padding:28px;transition:all .2s ease-in-out;position:relative}.icon-wrap{border-radius:var(--border-radius-md);width:44px;height:44px;color:var(--color-primary-light);background:#8b5cf626;border:1px solid #8b5cf64d;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-title{color:#fff;margin-bottom:6px;font-size:20px;font-weight:600}.feature-desc{color:var(--color-text-muted);font-size:14px;line-height:1.5}
.hero-container{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:8rem;padding-bottom:15rem;display:flex;position:relative;overflow:hidden}.hero-content{max-width:900px;padding:0 1.4rem;animation:.8s ease-out fadeIn}.hero-note{color:var(--color-text-muted);margin-top:1rem;font-size:.9rem;font-style:italic}.hero-logo{filter:drop-shadow(0 0 6px #8b5cf6)drop-shadow(0 0 10px #8b5cf6);width:300px;height:auto;margin-bottom:1rem;animation:4s ease-in-out infinite floating}.hero-logo-container{justify-content:center;align-items:center;display:flex}.hero-title{color:var(--color-text-dark);text-shadow:0 0 18px #9333ea66;font-size:3rem;font-weight:800}.neon{color:#8b5cf6;text-shadow:0 0 4px #8b5cf6e6,0 0 4px #8b5cf6cc}.hero-subtitle{color:var(--color-text-muted);margin-top:1rem;font-size:1.2rem;line-height:1.6}.hero-buttons{justify-content:center;align-items:center;gap:1rem;margin-top:2.4rem;display:flex}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-container{padding-top:2rem;padding-bottom:10rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-logo{width:220px}}
