/* ===== ULTRA MODERN 2026 THEME ===== */
:root{
--primary:#7C7CFF;
--secondary:#00F5D4;
--accent:#FF4D6D;
--bg:#0B0E1A;
--glass:rgba(255,255,255,.07);
--text:#F8F9FA;
--muted:#ADB5BD;
--radius:20px;
--speed:.4s;
}

body{
margin:0;
font-family:'Inter','Poppins',system-ui,sans-serif;
background:linear-gradient(160deg,#0B0E1A,#14182F);
color:var(--text);
}

h1{font-size:clamp(2.2rem,5vw,3.5rem)}
h2{font-size:clamp(1.6rem,4vw,2.4rem)}
p{color:var(--muted);max-width:720px}

.glass{
background:var(--glass);
backdrop-filter:blur(18px);
border-radius:var(--radius);
padding:30px;
transition:var(--speed);
}

.glass:hover{transform:translateY(-10px) scale(1.01)}

.btn{
background:linear-gradient(135deg,var(--primary),var(--secondary));
padding:14px 34px;
border-radius:999px;
color:#fff;
font-weight:600;
display:inline-block;
}

.fade{opacity:0;transform:translateY(30px)}
.fade.show{opacity:1;transform:none;transition:1s ease}