@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#10b981;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e1b4b;--surface-color:#1e293bb3;--surface-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--danger-color:#ef4444;--success-color:#22c55e;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 8px 32px #0003}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;transition:transform .2s,box-shadow .2s}.glass-card:hover{background:#ffffff0d;transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.app-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3,h4,h5{font-weight:700;line-height:1.2}h1{margin-bottom:1rem;font-size:2.5rem}h2{margin-bottom:1rem;font-size:1.8rem}h3{font-size:1.2rem}p{color:var(--text-secondary);line-height:1.6}.btn{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.btn-success{background:var(--secondary-color);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--surface-border);background:0 0}.btn-outline:hover{background:#ffffff0d;border-color:#fff3}.btn-danger{color:var(--danger-color);border:1px solid var(--danger-color);background:0 0}.btn-danger:hover{background:var(--danger-color);color:#fff}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.glass-input{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);font-size:1rem;font-family:var(--font-family);background:#0003;border-radius:8px;padding:.75rem 1rem;transition:all .2s}.glass-input:focus{border-color:var(--primary-color);background:#0000004d;outline:none;box-shadow:0 0 0 2px #6366f133}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}