*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center}.container{background:#1e293b;padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 4px 24px #0006}h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#38bdf8}.tabs{display:flex;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:1px solid #334155}.tabs button{flex:1;padding:.6rem;background:transparent;color:#94a3b8;border:none;cursor:pointer;font-size:.9rem;transition:all .2s}.tabs button.active{background:#38bdf8;color:#0f172a;font-weight:600}.form{display:flex;flex-direction:column;gap:.75rem}.form input{padding:.75rem 1rem;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:1rem}.form input:focus{outline:none;border-color:#38bdf8}button[type=submit],.greet button{padding:.75rem;border-radius:8px;border:none;background:#38bdf8;color:#0f172a;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#7dd3fc}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#f87171;font-size:.85rem}.greeting{margin-top:1rem;color:#4ade80;font-size:1.1rem;text-align:center}.greet{background:#1e293b;padding:2rem;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:1rem;max-width:400px}.logout{background:#475569!important;margin-top:.5rem}