@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&family=Nunito:wght@400;700;900&display=swap";
:root{--primary:#ff6b6b;--secondary:#48dbfb;--accent:gold;--bg-dark:#121212;--bg-light:#f9fafb;--text-dark:#1f2937;--text-light:#f3f4f6;--card-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);font-family:"M PLUS Rounded 1c",Nunito,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}.btn-primary{background:linear-gradient(135deg, var(--primary), #ff4757);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 15px #ff6b6b66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.btn-secondary{background:linear-gradient(135deg, var(--secondary), #0abde3);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 15px #48dbfb66}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48dbfb99}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#121212cc;padding:20px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;align-items:center;gap:10px;font-size:1.5rem;font-weight:900;text-decoration:none;display:flex}.nav-links{gap:20px;display:flex}.nav-link{color:var(--text-light);font-weight:700;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}