body{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--praya-surface);border:1px solid var(--praya-rule);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:32px}.auth-wordmark{font:400 italic 22px/1 var(--font-display);color:var(--praya-ink);text-align:center;margin-bottom:6px}.auth-title{font:400 20px/1.25 var(--font-display);color:var(--praya-ink);text-align:center;margin:0 0 24px}.oauth-btn{border-radius:var(--radius-md);border:1px solid var(--praya-rule);width:100%;height:44px;font:300 14px/1 var(--font-body);color:var(--praya-ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.divider{text-align:center;font:300 12px/1 var(--font-body);color:var(--praya-ink-3);margin:0 0 16px;position:relative}.divider:before,.divider:after{content:"";background:var(--praya-rule);width:35%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.error-banner{background:var(--praya-danger-pale);color:var(--praya-danger);border-radius:var(--radius-md);font:300 13px/1.4 var(--font-body);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.auth-footer{text-align:center;font:300 13px/1.4 var(--font-body);color:var(--praya-ink-3);margin-top:16px}.auth-footer a{color:var(--praya-ink);text-decoration:underline}.warning-banner{background:var(--praya-warning-pale);color:var(--praya-warning);border-radius:var(--radius-md);font:300 13px/1.4 var(--font-body);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.success-banner{background:var(--praya-success-pale);color:var(--praya-success);border-radius:var(--radius-md);font:300 13px/1.4 var(--font-body);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.spinner{border:2px solid;border-top-color:#0000;border-radius:9999px;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.input-wrap{display:block;position:relative}.input-wrap .eye{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--praya-ink-3);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-wrap .eye:hover{color:var(--praya-ink)}.consent{font:300 13px/1.4 var(--font-body);color:var(--praya-ink-3);align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.consent input[type=checkbox]{width:18px;height:18px;accent-color:var(--praya-accent);flex-shrink:0;margin-top:2px}.consent a{color:var(--praya-ink);text-decoration:underline}.right-link{text-align:right;font:300 13px/1.4 var(--font-body);margin-top:6px}.right-link a{color:var(--praya-ink-3);text-decoration:none}.right-link a:hover{color:var(--praya-ink);text-decoration:underline}@media (max-width:640px){.auth-card{border:none;border-radius:0;min-height:100dvh;padding:24px 20px}input[name=pin],input[autocomplete=one-time-code]{text-align:center;letter-spacing:.5em;height:56px;font-size:24px!important}}