@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--danger:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);min-height:100vh;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.6;border-radius:50%;position:fixed}body:before{background:#3b82f6;width:400px;height:400px;top:-100px;left:-100px}body:after{background:#8b5cf6;width:500px;height:500px;bottom:-100px;right:-100px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--foreground);background:#0003;border-radius:10px;padding:12px 16px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);background:#0006;outline:none}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--glass-border);background:0 0}.btn-secondary:hover{background:var(--glass-bg);box-shadow:none}.label{color:#cbd5e1;margin-bottom:6px;font-size:.9rem;font-weight:300;display:block}