@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--bg:#0f172a;--surface:#1e293b;--primary:#3b82f6;--text:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;box-shadow:0 4px 30px #00000080}.header{text-align:center;margin-bottom:3rem;animation:1s ease-in fadeIn}h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}p{color:var(--text-muted);font-size:1.1rem}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.card{background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem;transition:transform .3s}.card:hover{border-color:#fff3;transform:translateY(-5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}