/* Account entry pages share the approved landing palette and typography. */
.auth-page{background:#f7f9fe;min-height:100vh}
.auth-page .auth-shell{min-height:100vh;display:flex;flex-direction:column}
.auth-page .auth-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.auth-page .auth-support{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--p2-ink)}
.auth-page .auth-support svg{width:19px;height:19px}
.auth-page .auth-support:hover,.auth-page .auth-home-link:hover{color:var(--p2-blue)}
.auth-page .auth-main{width:min(1080px,calc(100% - 96px));margin:24px auto 66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:88px;flex:1}
.auth-page .auth-story{padding-bottom:24px}
.auth-page .auth-story h2{font-size:52px;font-weight:700;line-height:1.1;letter-spacing:-2.7px;color:var(--p2-ink);margin:0}
.auth-page .auth-story>p{font-size:15px;line-height:1.85;color:#657086;margin:23px 0 0}
.auth-page .auth-service-board{position:relative;isolation:isolate;margin:45px 8px 43px 0;padding:21px 21px 37px 0}
.auth-page .auth-board-backdrop{position:absolute;inset:0 0 22px 25px;z-index:-1;background:var(--p2-blue);border:1.5px solid var(--p2-ink);border-radius:16px;transform:rotate(2deg)}
.auth-page .auth-board{background:#fff;border:1.5px solid var(--p2-ink);border-radius:10px;box-shadow:5px 5px 0 var(--p2-ink);padding:0 22px 12px;transform:rotate(-2deg)}
.auth-page .auth-board-heading{height:55px;border-bottom:1px solid #e4e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-page .auth-board-heading>span:first-child{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}
.auth-page .auth-board-heading svg{width:19px;height:19px;color:var(--p2-blue)}
.auth-page .auth-board-dots{display:flex;gap:5px}
.auth-page .auth-board-dots i{width:5px;height:5px;background:#ccd4e6;border-radius:50%}
.auth-page .auth-service-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #eef1f6}
.auth-page .auth-service-row:last-child{border-bottom:0}
.auth-page .auth-service-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;flex-shrink:0;border:1px solid #c8d3f6;border-radius:8px;background:#edf2ff;color:var(--p2-blue)}
.auth-page .auth-service-icon svg{width:21px;height:21px}
.auth-page .auth-service-row:nth-child(3) .auth-service-icon{background:#fff8d9;border-color:#e2d391;color:#68570b}
.auth-page .auth-service-row>svg{width:16px;height:16px;color:#8a95a9;margin-left:auto}
.auth-page .auth-service-row strong{display:block;font-size:12px;font-weight:700}
.auth-page .auth-service-row small{display:block;font-size:10px;color:#748095;margin-top:4px}
.auth-page .auth-wallet-note{position:absolute;right:-4px;bottom:1px;display:flex;align-items:center;gap:12px;padding:13px 19px;border:1.5px solid var(--p2-ink);border-radius:8px;background:var(--p2-yellow);box-shadow:3px 3px 0 var(--p2-ink);font-size:12px;line-height:1.45;font-weight:700;transform:rotate(5deg)}
.auth-page .auth-wallet-note svg{width:27px;height:27px}
.auth-page .auth-home-link{display:inline-flex;align-items:center;gap:11px;font-weight:600;font-size:13px;color:var(--p2-ink)}
.auth-page .auth-home-link svg{width:17px;height:17px}
.auth-page .auth-card{position:relative;background:#fff;border:1.5px solid var(--p2-ink);border-radius:14px;box-shadow:6px 6px 0 var(--p2-ink);padding:36px;min-width:0;outline:none}
.auth-page .auth-card:focus-visible{outline:3px solid #b4c5ff;outline-offset:5px}
.auth-page .auth-card-head{margin-bottom:25px}
.auth-page .auth-card-head h1{font-size:31px;font-weight:700;line-height:1.2;letter-spacing:-1.3px;margin:0;color:var(--p2-ink)}
.auth-page .auth-card-head p{font-size:13px;line-height:1.7;color:#748095;margin:9px 0 0}
.auth-page .auth-google{min-height:48px;box-shadow:2px 2px 0 #dce3f0;border-width:1.5px;border-color:#b8c3d6;font-size:13px;color:var(--p2-ink);padding:11px 16px;background:#fff}
.auth-page .auth-google:hover{background:#f6f8ff;transform:none;box-shadow:2px 2px 0 #c3d0ee}
.auth-page .auth-divider{margin:21px 0;color:#8993a4}
.auth-page .auth-divider span{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0}
.auth-page .auth-divider>div{background:#e4e8ef}
.auth-page .auth-form>div>label{font-size:12px;color:var(--p2-ink);margin-bottom:7px}
.auth-page .auth-form input:not([type=checkbox]):not([type=hidden]),.auth-page .auth-form select{min-width:0;border-width:1.5px;border-radius:7px;background:#fafbfe;font-size:14px;min-height:47px;color:var(--p2-ink);box-shadow:none}
.auth-page .auth-form input:not(.border-red-500):not([type=checkbox]):not([type=hidden]),.auth-page .auth-form select{border-color:#c5cede}
.auth-page .auth-form input::placeholder{color:#939cae;font-weight:400}
.auth-page .auth-form input:not(.border-red-500):focus,.auth-page .auth-form select:focus{border-color:var(--p2-blue);box-shadow:0 0 0 3px #2355ed14;outline:none}
.auth-page .auth-form input.border-red-500{border-color:#ef4444}
.auth-page .auth-form input.border-red-500:focus{box-shadow:0 0 0 3px #ef444414}
.auth-page .auth-form .pointer-events-none svg{width:18px;height:18px;color:#8c98ad}
.auth-page .auth-form select{width:100px;padding-left:10px;padding-right:6px;flex-shrink:0}
.auth-page .auth-form input[type=checkbox]{accent-color:var(--p2-blue);border-color:#aebad0;flex-shrink:0}
.auth-page .auth-form label>span,.auth-page .auth-form a{font-size:12px;line-height:1.65}
.auth-page .auth-form a,.auth-page .auth-switch a{color:var(--p2-blue)}
.auth-page .auth-form a:hover,.auth-page .auth-switch a:hover{text-decoration:underline}
.auth-page .auth-form button[type=button]{padding-left:9px;padding-right:11px;border-radius:6px}
.auth-page .auth-form button[type=button]:focus-visible{outline:2px solid var(--p2-blue);outline-offset:-4px}
.auth-page .auth-submit{min-height:49px;font-size:14px;background:var(--p2-blue);border:1.5px solid var(--p2-ink);border-radius:7px;box-shadow:3px 3px 0 var(--p2-ink)}
.auth-page .auth-submit:not(:disabled):hover{background:var(--p2-deep);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--p2-ink)}
.auth-page .auth-submit:disabled{cursor:wait}
.auth-page .auth-switch{padding-top:23px;margin:25px 0 0;border-top:1px solid #e6eaf1;font-size:12px;line-height:1.7;color:#748095}
.auth-page .auth-alert{padding:13px 15px;margin-bottom:20px;font-size:13px;line-height:1.6;border:1px solid;border-radius:8px;overflow-wrap:anywhere}
.auth-page .auth-alert-success{background:#effcf5;border-color:#9fd6b8;color:#17603d}
.auth-page .auth-alert-error{background:#fff2f2;border-color:#eeb9b9;color:#a22b32}
.auth-page .auth-footer{width:min(1180px,calc(100% - 96px));margin:0 auto;padding:23px 0 27px;border-top:1px solid #dce3ef;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7a869b;font-size:11px;line-height:1.7}
.auth-page .auth-footer>div{display:flex;gap:23px}
.auth-page .auth-footer a:hover{color:var(--p2-blue)}
.auth-page .auth-register .auth-main{align-items:start;margin-top:24px}
.auth-page .auth-register .auth-story{position:sticky;top:48px;padding-top:50px}
@media(max-width:1100px){.auth-page .auth-main{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,450px);width:calc(100% - 64px)}.auth-page .auth-story h2{font-size:45px}.auth-page .auth-card{padding:30px}.auth-page .auth-board{padding-inline:15px}.auth-page .auth-service-row{gap:9px}.auth-page .auth-service-row>svg{display:none}}
@media(max-width:850px){.auth-page .auth-header{height:90px}.auth-page .auth-story{display:none}.auth-page .auth-main,.auth-page .auth-register .auth-main{display:block;flex:0;width:min(480px,calc(100% - 48px));margin:20px auto 54px}.auth-page .auth-footer{width:calc(100% - 48px);margin-top:auto}.auth-page .auth-company{display:none}}
@media(max-width:500px){.auth-page .auth-header{height:83px}.auth-page .auth-support{font-size:11px;gap:6px}.auth-page .auth-support svg{width:17px;height:17px}.auth-page .auth-main,.auth-page .auth-register .auth-main{width:calc(100% - 40px);margin:13px auto 43px}.auth-page .auth-card{padding:27px 22px;border-radius:11px;box-shadow:4px 4px 0 var(--p2-ink)}.auth-page .auth-card-head h1{font-size:29px}.auth-page .auth-card-head p{font-size:12px}.auth-page .auth-card-head{margin-bottom:23px}.auth-page .auth-form input:not([type=checkbox]):not([type=hidden]){font-size:16px}.auth-page .auth-form select{width:88px;font-size:13px}.auth-page .auth-form input::placeholder{font-size:12px}.auth-page .auth-switch{font-size:11px}.auth-page .auth-footer{flex-direction:column;gap:7px;padding-block:20px;font-size:10px}.auth-page .auth-footer>div{gap:20px}}
@media(max-width:350px){.auth-page .auth-main,.auth-page .auth-register .auth-main{width:calc(100% - 32px)}.auth-page .auth-card{padding:25px 17px}.auth-page .auth-support span{display:none}.auth-page .auth-card-head h1{font-size:27px}.auth-page .auth-form label>span,.auth-page .auth-form a{font-size:11px}}
.auth-page .auth-card-head strong,.auth-page .auth-masked-email{font-weight:600;color:var(--p2-ink);overflow-wrap:anywhere}
.auth-page .auth-masked-email{display:block;margin-top:4px}
.auth-page .auth-form input.auth-otp[type=text]{min-height:64px;font-family:inherit;font-size:30px;font-weight:600;letter-spacing:.36em;padding:12px 10px 12px calc(10px + .36em);background:#f2f5ff}
.auth-page .auth-form input.auth-otp::placeholder{font-size:30px;letter-spacing:.36em;color:#a4b0ca}
.auth-page .auth-code-help{line-height:1.7;margin-top:11px}
.auth-page .auth-resend button{min-height:42px;font-size:13px;border-radius:7px;color:var(--p2-blue)}
.auth-page .auth-resend button:disabled{color:#8993a4}
.auth-page .auth-resend button:not(:disabled):hover{background:#f2f5ff}
.auth-page .auth-resend button:focus-visible{outline:2px solid var(--p2-blue);outline-offset:3px}