*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth;scrollbar-gutter:stable}:root{--bg:#fffeb6;--bg2:#fff7d1;--card:#ffffffbf;--text:#232323;--muted:#666;--accent:#6c63ff;--accent2:#8b5cf6}body{background:linear-gradient(135deg,var(--bg),var(--bg2));color:var(--text);overflow-x:hidden}.container{width:min(95%,1400px);margin:auto}.feature-hero{text-align:center;padding:70px 0 60px}.feature-hero h1{color:var(--accent);margin-bottom:18px;font-size:3.4rem}.feature-hero p{max-width:720px;color:var(--muted);margin:auto;font-size:1.08rem;line-height:1.8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px;padding-bottom:80px;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(10px);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:42px 28px;transition:transform .25s,box-shadow .25s;display:flex}.feature-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #6c63ff2e}.feature-card .icon{margin-bottom:20px;font-size:3.2rem}.feature-card h3{color:var(--text);margin-bottom:14px;font-size:1.45rem}.feature-card p{color:var(--muted);font-size:.97rem;line-height:1.7}.feature-card a{color:inherit;text-decoration:none}.feature-card a:hover h3{color:var(--accent)}@media (width<=900px){.feature-hero{padding:60px 0 50px}.feature-hero h1{font-size:2.8rem}.features-grid{gap:28px}}@media (width<=600px){.container{width:94%}.feature-hero{padding:55px 0 40px}.feature-hero h1{font-size:2.2rem}.feature-card{min-height:210px;padding:35px 22px}}