:root{color:#1a1a1a;background:#fff;font-family:system-ui,sans-serif}body{margin:0}.header{border-bottom:1px solid #ddd;padding:12px 24px;font-weight:600}.page{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:24px;display:flex}.page--center{text-align:center;align-items:center}.form{flex-direction:column;gap:16px;display:flex}.input{border:1px solid #999;border-radius:6px;padding:12px;font-size:16px}button{color:#fff;cursor:pointer;background:#1f5fbf;border:0;border-radius:6px;padding:12px 16px;font-size:16px}button:disabled{cursor:default;background:#9ab}.text{margin:0;font-size:16px}.text--error{color:#b00020}.spinner{border:3px solid #ccc;border-top-color:#1f5fbf;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
