:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent-primary: #8b5cf6;--accent-secondary: #3b82f6;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .3s}body{margin:0;padding:0;font-family:var(--font-family);background:radial-gradient(circle at top left,#1a1a2e,var(--bg-primary));background-attachment:fixed;color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}h1,h2,h3{font-weight:700;letter-spacing:-.025em;margin:0}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-input{background:#0003;border:1px solid var(--glass-border);color:var(--text-main);padding:12px 16px;border-radius:8px;outline:none;font-size:1rem;transition:border-color var(--transition-speed);width:100%}.glass-input:focus{border-color:var(--accent-primary)}.glass-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.glass-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.glass-button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:2rem}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}