.pade-auth-body{margin:0;background:#f4f9fb}
.pade-auth{--pade-green:#10b981;--pade-muted:#64748b;--pade-border:#e2e8f0;box-sizing:border-box;width:100%;max-width:448px;min-height:100vh;min-height:100svh;margin:0 auto;padding:33px 52px 40px 50px;color:#000;background:#f4f9fb;font:16px/1.5 Arial,"PingFang TC","Microsoft JhengHei",sans-serif;text-align:left}
.pade-auth *{box-sizing:border-box}.pade-auth [hidden]{display:none!important}.pade-auth h1,.pade-auth p{margin:0}.pade-auth button,.pade-auth input,.pade-auth select{font:inherit}.pade-auth a{color:inherit}.pade-auth button{cursor:pointer}.pade-auth button:disabled{cursor:default}.pade-auth button:focus-visible,.pade-auth a:focus-visible,.pade-auth input:focus-visible,.pade-auth select:focus-visible{outline:3px solid #10b981;outline-offset:3px}
.pade-auth-header{display:flex;align-items:center;justify-content:flex-end;position:relative;height:44px;margin:0 -29px 72px -9px}.pade-auth-back{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none;font-size:20px;color:#4e5a6b!important;letter-spacing:1px}.pade-auth-back img{display:block}.pade-auth-menu-button{width:40px;height:40px;border:0;padding:0;background:none;display:grid;place-items:center}.pade-auth-menu{position:absolute;right:0;top:50px;z-index:2;min-width:180px;padding:8px;border:1px solid var(--pade-border);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1e293b15}.pade-auth-menu a{display:block;padding:12px;text-decoration:none;color:#1e293b}
.pade-auth-hero{text-align:center}.pade-auth-symbol{width:70px;height:69px;display:grid;place-items:center;margin:0 auto;border:1px solid #5eead433;border-radius:15px;background:#5eead426}.pade-auth-symbol img{display:block;max-width:none}.pade-auth h1{font-size:26px;font-weight:700;line-height:39px;margin-top:39px}.pade-auth-hero p{color:var(--pade-muted);font-size:16px;line-height:28px;letter-spacing:.8px;margin-top:5px;white-space:nowrap}
.pade-auth-hero{transform:translateX(1px)}.pade-auth-menu-button{align-self:flex-start}
.pade-auth-form{margin-top:45px}.pade-auth label{display:block;line-height:30px}.pade-auth input,.pade-auth select{color:#000;border:1px solid var(--pade-border);border-radius:10px;background:#fff;min-width:0}.pade-auth-region{position:relative;margin-top:2px}.pade-auth-region select{width:100%;height:55px;appearance:none;padding:12px 43px 12px 15px;color:#94a3b8}.pade-auth-region>span{position:absolute;right:12px;top:15px;width:24px;height:24px;pointer-events:none}.pade-auth-region img{display:block;transform:translateX(-7px)}.pade-auth-phone-label{margin-top:14px}.pade-auth-phone-row{display:flex;gap:10px}.pade-auth-phone-row>span{width:85px;flex:none;display:grid;place-items:center;background:#fff;border:1px solid var(--pade-border);border-radius:10px;height:55px;letter-spacing:.8px}.pade-auth-phone-row input{width:100%;height:55px;padding:12px 23px;letter-spacing:.8px}.pade-auth input::placeholder{color:#94a3b8}
.pade-auth-actions{margin-top:67px;margin-left:1px}.pade-auth-primary,.pade-auth-resend{width:100%;height:66px;border-radius:20px;letter-spacing:.9px;font-weight:700!important}.pade-auth-primary{border:0;color:white;background:var(--pade-green);font-size:18px!important;box-shadow:0 4px 10px #10b9814d}.pade-auth-primary:disabled{background:#10b98166;box-shadow:none}.pade-auth-resend{margin-top:20px;border:1px solid var(--pade-green);color:var(--pade-green);background:white;font-size:16px!important}.pade-auth-resend:disabled{border-color:var(--pade-border);color:var(--pade-muted);background:#f8fafc}.pade-auth-status{margin-top:18px!important;font-size:14px;line-height:1.7;color:#475569;overflow-wrap:anywhere}.pade-auth-status:empty{display:none}.pade-auth-status[data-error=true]{color:#b91c1c}
.pade-auth[data-step=verify] .pade-auth-form{margin-top:79px}.pade-auth-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:calc(100% + 4px);margin:0 0 0 -2px;padding:0;border:0;min-width:0}.pade-auth .pade-auth-digit{width:100%;height:54px;text-align:center;padding:0;border-color:#d9d9d9;background:#ffffffcc;font-size:24px}.pade-auth .pade-auth-digit:focus{outline:0;border-color:var(--pade-green);box-shadow:0 0 4px #00f9b24d;background:#fff}.pade-auth[data-step=verify] .pade-auth-actions{margin-top:79px}.pade-auth-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:400px){.pade-auth{padding-left:28px;padding-right:28px}.pade-auth-header{margin-right:-5px;margin-left:0}.pade-auth-hero p{font-size:14px;letter-spacing:.3px;white-space:normal}.pade-auth-phone-row input{padding-left:14px;padding-right:14px}.pade-auth-digits{gap:8px;width:100%;margin-left:0}}
@media(max-width:340px){.pade-auth{padding-left:20px;padding-right:20px}.pade-auth h1{font-size:24px}.pade-auth-phone-row>span{width:70px}.pade-auth-digits{gap:6px}}
