.customer-auth-page{--auth-teal:#009c8c;--auth-teal-dark:#00786d;--auth-aqua:#19a7b8;--auth-mint:#eaf8f4;--auth-mint-strong:#dff4ee;min-height:100vh;background:radial-gradient(circle at 14% 10%,rgba(0,156,140,.12),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(25,167,184,.08),transparent 32rem),linear-gradient(180deg,#f8fcfb,#f3f8f7)}
.auth-site-header{width:min(1180px,calc(100% - 48px));min-height:86px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px}
.auth-site-logo{width:210px;display:block}.auth-home-link{color:var(--ink-soft);font-size:.9rem;font-weight:750;text-decoration:none}.auth-home-link::before{content:"←";margin-right:7px;color:var(--auth-teal-dark)}.auth-home-link:hover{color:var(--auth-teal-dark)}
.customer-auth-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:58px 0 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.76fr);gap:clamp(50px,8vw,110px);align-items:start}
.auth-welcome{padding-top:30px}.auth-welcome .eyebrow{color:var(--auth-teal-dark)}.auth-welcome h1{margin:0;max-width:680px;font-size:clamp(2.9rem,5.3vw,4.55rem);line-height:1;letter-spacing:-.052em}.auth-welcome>p:last-of-type{max-width:670px;margin:25px 0 0;color:var(--ink-soft);font-size:1.06rem;line-height:1.68}
.auth-guide{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:end;max-width:720px;margin-top:34px}.auth-guide-character{align-self:end;overflow:hidden}.auth-guide-character img{display:block;width:138px;max-width:none;height:auto;margin-left:-7px;margin-bottom:-2px}.auth-guide-content{min-width:0}.auth-guide-bubble{position:relative;margin-bottom:10px;padding:13px 15px;border:1px solid rgba(0,156,140,.14);border-radius:17px 17px 17px 6px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(16,36,59,.06)}.auth-guide-bubble::before{content:"";position:absolute;left:-9px;bottom:15px;width:16px;height:16px;background:#fff;border-left:1px solid rgba(0,156,140,.14);border-bottom:1px solid rgba(0,156,140,.14);transform:rotate(45deg)}.auth-guide-bubble strong,.auth-guide-bubble span{position:relative;z-index:1;display:block}.auth-guide-bubble strong{font-size:.92rem}.auth-guide-bubble span{margin-top:3px;color:var(--ink-soft);font-size:.79rem;line-height:1.4}
.auth-benefits{display:grid;gap:0}.auth-benefits div{display:grid;gap:4px;padding:13px 0;border-top:1px solid var(--line)}.auth-benefits div:first-child{border-top:0}.auth-benefits strong{font-size:.92rem}.auth-benefits span{color:var(--ink-soft);line-height:1.48;font-size:.87rem}
.auth-panel{overflow:hidden;border:1px solid rgba(0,120,109,.10);border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(18,42,72,.12)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#f7fbfa}.auth-tab{min-height:58px;border-radius:0;padding:0 16px;color:var(--ink-soft);background:transparent;box-shadow:none;font-weight:800}.auth-tab.active{color:var(--auth-teal-dark);background:#fff;box-shadow:inset 0 -3px 0 var(--auth-teal)}
.auth-tab-panel{padding:34px}.auth-panel-heading h2{margin:0;font-size:1.65rem}.auth-panel-heading p{margin:8px 0 25px;color:var(--ink-soft);line-height:1.55}.customer-auth-form{display:grid;gap:18px}.customer-auth-form small{color:var(--ink-soft)}
.customer-auth-page input:focus{border-color:var(--auth-teal);box-shadow:0 0 0 4px rgba(0,156,140,.12)}.customer-auth-page .customer-auth-form>button[type="submit"]{background:linear-gradient(135deg,var(--auth-teal),var(--auth-teal-dark));box-shadow:0 10px 24px rgba(0,120,109,.18)}
.auth-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-text-button{min-height:34px;padding:0;color:var(--auth-teal-dark);background:transparent;box-shadow:none;font-size:.86rem;font-weight:750}.auth-text-button:hover{filter:none;text-decoration:underline}
.customer-auth-page .secondary-button{color:var(--auth-teal-dark);border:1px solid rgba(0,156,140,.24);background:#fff;box-shadow:none}.customer-auth-page .secondary-button:hover{background:var(--auth-mint)}
.verify-panel{text-align:center}.verification-icon{display:grid;width:64px;height:64px;margin:0 auto 22px;place-items:center;border-radius:50%;color:var(--auth-teal-dark);background:var(--auth-mint-strong);font-size:1.6rem}.verification-code-input{text-align:center;font-size:1.7rem;font-weight:850;letter-spacing:.3em;font-variant-numeric:tabular-nums}
@media(max-width:900px){.customer-auth-shell{grid-template-columns:1fr;padding-top:36px}.auth-welcome{padding-top:0}.auth-guide{max-width:680px}}
@media(max-width:620px){.auth-site-header,.customer-auth-shell{width:min(100% - 28px,1180px)}.auth-site-logo{width:175px}.auth-name-grid{grid-template-columns:1fr}.auth-tab-panel{padding:26px 22px}.auth-welcome h1{font-size:clamp(2.7rem,15vw,3.45rem)}.auth-guide{grid-template-columns:92px minmax(0,1fr);gap:12px}.auth-guide-character img{width:102px;margin-left:-8px}.auth-guide-bubble{padding:11px 13px}.auth-guide-bubble span{font-size:.76rem}}