@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#06080f;--bg-secondary:#0a0e1a;--bg-card:#0f1428b3;--bg-card-hover:#141c37d9;--accent-blue:#3b82f6;--accent-violet:#8b5cf6;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #3b82f6, #8b5cf6);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--glass-border:1px solid #ffffff14;--radius:16px;--shadow-glow:0 0 40px #3b82f626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:var(--radius);padding:1.5rem;transition:all .3s}.glass-panel:hover{background:var(--bg-card-hover);border:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}