:root{--bg-main:#0f172a;--bg-card:#1e293bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:600}p{color:var(--text-secondary);line-height:1.6}#root{flex-direction:column;flex-grow:1;width:100%;display:flex}.animate-scale{transition:transform .2s,box-shadow .2s}.animate-scale:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #0006}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0f172a80;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent-color)}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.layout-padding{padding:1rem}.grid-responsive{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.layout-padding{padding:2rem}}@media (width>=768px){.layout-padding{padding:3rem 2rem}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}.hide-on-mobile{display:none!important}@media (width>=640px){.hide-on-mobile{display:inline-block!important}}.login-panel{width:100%;max-width:400px;margin:1rem;padding:2rem}@media (width>=640px){.login-panel{padding:3rem}}