:root{--color-bg: #222531;--color-surface: #ffffff;--color-text: #21252b;--color-muted: #6b7280;--color-border: #d5d8de;--color-primary: #03a9f4;--color-error: #d32f2f;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--color-text);background:linear-gradient(160deg,#2b3040 0%,var(--color-bg) 100%)}.page{min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.card{width:100%;max-width:400px;background:var(--color-surface);border-radius:12px;padding:24px 20px 28px;box-shadow:0 24px 38px 3px #0000003d}.logo{display:block;width:180px;max-width:70%;height:auto;margin:0 0 16px}.title{margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #e0e0e0;font-size:20px;font-weight:500}.field{display:block;margin-bottom:20px}.field-label{display:block;margin-bottom:6px;font-size:14px;color:var(--color-muted)}.field input{width:100%;min-height:48px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;background:#fff;color:inherit}.field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #03a9f433}.button{width:100%;min-height:48px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:500;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.error{margin:0 0 16px;color:var(--color-error);font-size:14px}.status{margin:16px 0 0;color:var(--color-muted);font-size:14px;text-align:center}@media(min-width:480px){.page{align-items:center;padding:40px 16px}.card{padding:32px 30px 36px}}