@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0c111d;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-hover-border: rgba(255, 255, 255, .15);--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-success: #10b981;--accent-error: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-blur: 12px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:20px;padding:2rem;transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--card-hover-border);background:#ffffff0d}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;padding-left:.25rem}.input-field{width:100%;background:#0003;border:1px solid var(--card-border);border-radius:12px;padding:.75rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition-smooth)}.input-field:focus{outline:none;border-color:var(--accent-blue);background:#0000004d;box-shadow:0 0 0 4px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--card-border);color:var(--text-primary)}.btn-outline:hover{background:var(--card-bg);border-color:var(--card-hover-border)}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.grid{display:grid;gap:2rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}