:root{font-family:Arial,Helvetica,sans-serif;color-scheme:dark;background:#0b1020;color:#f5f7fb}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{max-width:720px;border:1px solid #29324a;border-radius:20px;padding:48px;background:#11182b}.brand-logo{display:block;width:min(100%,360px);height:auto;margin:0 0 28px}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(2.5rem,8vw,5rem);line-height:.95;margin:16px 0}p{line-height:1.6;color:#c7cede}.status{margin-top:32px;font-size:.9rem}.auth-page{display:block;min-height:100vh;padding:48px 20px}.auth-card{width:min(100%,560px);margin:0 auto;padding:32px;border:1px solid #29324a;border-radius:20px;background:#11182b}.auth-card h1{font-size:clamp(2.4rem,10vw,4rem);margin:14px 0 24px}.auth-form{display:grid;grid-gap:20px;gap:20px;margin-top:28px}.field{display:grid;grid-gap:8px;gap:8px;font-weight:700;color:#f5f7fb}.field input{display:block;width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid #6c7487;border-radius:8px;background:#161d30;color:#f5f7fb;font:inherit}.button-row{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:46px;padding:10px 18px;border-radius:8px;border:1px solid #727b91;font:inherit;font-weight:700;cursor:pointer}.primary-button{background:#f5f7fb;color:#0b1020}.secondary-button{background:#161d30;color:#f5f7fb}.primary-button:disabled{opacity:.5;cursor:not-allowed}.notice,.process-note,.setup-key{display:grid;grid-gap:6px;gap:6px;margin-top:24px;padding:16px;border:1px solid #29324a;border-radius:12px;background:#0d1425;color:#c7cede}.auth-steps{padding-left:22px;color:#c7cede;line-height:1.6}.qr-wrap{display:flex;justify-content:center;margin:24px 0}.qr-wrap img{max-width:100%;height:auto}.setup-key code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:8px;background:#080d19;color:#f5f7fb;font-size:1rem;-webkit-user-select:all;-moz-user-select:all;user-select:all}.setup-key span{font-weight:700;color:#f5f7fb}.setup-key small{color:#aeb7ca}.auth-card>.field{margin-top:24px}.auth-card>.primary-button{width:100%;margin-top:16px}@media(max-width:520px){main{padding:16px}.card{padding:32px 24px}.brand-logo{width:min(100%,300px);margin-bottom:22px}.auth-page{padding:24px 14px}.auth-card{padding:24px 18px}.button-row{display:grid;grid-template-columns:1fr}.button-row button{width:100%}}