:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}body{flex-direction:column;min-height:100dvh;display:flex}#root{flex:1;justify-content:center;align-items:center;display:flex}:root{--primary:#4ade80;--bg:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--error:#ef4444;--radius:16px}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}tr{color:#fff;width:80%}.container{box-sizing:border-box;width:100%;max-width:450px;padding:16px}.card{background-color:var(--surface);border-radius:var(--radius);text-align:center;box-sizing:border-box;width:100%;padding:2.5rem 1.5rem;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.title{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.5}.form-group{text-align:left;margin-bottom:1.25rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}input{color:#fff;box-sizing:border-box;-webkit-appearance:none;background-color:#0f172a99;border:1px solid #334155;border-radius:12px;width:100%;padding:1rem;font-size:1rem;transition:all .2s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4ade8033}button{background-color:var(--primary);color:#064e3b;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-muted);background-color:#0000;border:1px solid #334155;margin-top:1.5rem}.btn-secondary:hover{background-color:#ffffff0d;border-color:#475569}.door-btn{color:#064e3b;background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);border:8px solid #0000001a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:2.5rem auto;display:flex;box-shadow:0 0 30px #4ade8033,inset 0 2px 4px #ffffff4d}.door-btn span{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.error-msg{color:#fca5a5;border-left:4px solid var(--error);background-color:#ef444426;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.875rem}.success-msg{color:var(--primary);justify-content:center;align-items:center;gap:6px;margin-top:1.5rem;font-size:.9375rem;font-weight:600;display:flex}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.container{padding:12px}.card{border-radius:24px;padding:2rem 1.25rem}.title{font-size:1.5rem}.door-btn{width:180px;height:180px}input{padding:1.125rem;font-size:16px}}