:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-primary: 220 20% 6%;--bg-secondary: 220 18% 10%;--bg-tertiary: 220 16% 16%;--text-primary: 210 20% 98%;--text-secondary: 210 12% 75%;--text-muted: 210 10% 50%;--primary: 142 80% 50%;--primary-hover: 142 90% 40%;--primary-glow: hsla(142, 80%, 50%, .15);--secondary: 190 90% 50%;--secondary-glow: hsla(190, 90%, 50%, .15);--accent: 280 80% 60%;--danger: 350 80% 55%;--warning: 45 90% 50%;--success: 142 80% 45%;--border-color: 220 12% 18%;--border-glow: hsla(142, 80%, 50%, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{background:#06060d;min-height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;margin:0;overflow-x:hidden}#app{width:100%;min-height:100dvh}.app{width:100%;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.centered-container{width:100%;max-width:390px;margin:24px auto;background:#0a0a0f;border-radius:20px;overflow:hidden;border:.5px solid #1e1e2e}@media (min-width: 1024px){.centered-container{max-width:1200px;margin:40px auto;border-radius:24px;box-shadow:0 20px 50px #00000080}}.glass-panel{background:#10141cb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--text-primary),.05);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000005e}.glass-card{background:#1a202c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(var(--text-primary),.03);border-radius:var(--radius-md);transition:var(--transition-normal)}.glass-card:hover{border-color:hsla(var(--primary),.3);box-shadow:0 8px 24px 0 var(--primary-glow);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--bg-primary))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-tertiary));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(var(--primary),.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));color:hsl(var(--bg-primary));box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px hsla(var(--primary),.25);filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:hsl(var(--bg-tertiary));color:hsl(var(--text-primary));border:1px solid hsla(var(--text-primary),.1)}.btn-secondary:hover{background:hsla(var(--text-primary),.05);border-color:hsla(var(--text-primary),.2)}.btn-danger{background:hsl(var(--danger));color:#fff}.btn-danger:hover{filter:brightness(1.1)}.input-group{margin-bottom:20px}.input-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em}.input-field{width:100%;background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);color:hsl(var(--text-primary));padding:12px 16px;font-family:inherit;font-size:15px;outline:none;transition:var(--transition-normal)}.input-field:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 4px var(--primary-glow);background:hsl(var(--bg-tertiary))}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px hsla(var(--primary),.4),0 0 10px hsla(var(--primary),.2)}50%{box-shadow:0 0 15px hsla(var(--primary),.8),0 0 25px hsla(var(--primary),.4)}}.glow-active{animation:pulse-glow 2s infinite}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slide-in var(--transition-normal) forwards}