@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#09090b;--bg-panel:#18181b66;--bg-panel-hover:#27272a99;--border-light:#ffffff14;--border-active:#ffffff26;--text-main:#f4f4f5;--text-muted:#a1a1aa;--accent-color:#818cf8;--accent-glow:#818cf826;--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f14d;--danger:#f87171;--success:#34d399}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 50% 50%, var(--accent-glow) 0%, transparent 25%), radial-gradient(circle at 80% 20%, #ffffff08 0%, transparent 20%);z-index:-1;width:200%;height:200%;animation:25s ease-in-out infinite alternate bgPulse;position:fixed;top:-50%;left:-50%}@keyframes bgPulse{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(1%,1%)}to{transform:scale(1)translate(-1%,-1%)}}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff1a,0 4px 6px -1px #00000080,0 24px 38px 3px #0000004d}.glass-panel:hover{border-color:var(--border-active);background:var(--bg-panel-hover);box-shadow:inset 0 1px #ffffff26,0 8px 32px #0006}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.input-base{border:1px solid var(--border-light);width:100%;color:var(--text-main);background:#00000040;border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0d}.input-base:focus{border-color:var(--accent-color);background:#0006;box-shadow:inset 0 1px 2px #0006,0 0 0 3px #818cf833}.btn-primary{background:linear-gradient(180deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;text-shadow:0 1px 1px #0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #fff3,0 1px 2px #0006}.btn-primary:hover{background:linear-gradient(180deg, var(--accent-color) 0%, var(--primary-color) 100%);box-shadow:inset 0 1px 0 #ffffff4d, 0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0000004d}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;background:#ffffff08;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0003}.btn-secondary:hover{border-color:var(--border-active);background:#ffffff14}.btn-secondary:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #0003}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}