/* Nova customer authentication — V268 */
.nova-auth-page{position:relative;padding:clamp(22px,4vw,58px) 0 70px;isolation:isolate}
.nova-auth-page:before,.nova-auth-page:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(80px);opacity:.16;z-index:-1}
.nova-auth-page:before{width:360px;height:360px;inset:0 auto auto 4%;background:var(--nova-primary-2)}
.nova-auth-page:after{width:430px;height:430px;inset:auto 5% 0 auto;background:var(--nova-primary)}
.nova-auth-shell{width:min(1240px,calc(100% - 28px));margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--nova-border) 84%,transparent);border-radius:32px;background:color-mix(in srgb,var(--nova-surface) 92%,transparent);box-shadow:0 34px 100px rgba(0,0,0,.34)}
.nova-auth-visual{position:relative;min-height:690px;padding:clamp(34px,5vw,68px);overflow:hidden;background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--nova-primary) 28%,transparent),transparent 35%),radial-gradient(circle at 88% 88%,color-mix(in srgb,var(--nova-primary-2) 18%,transparent),transparent 37%),linear-gradient(145deg,#0d1933,#061222 72%)}
.nova-auth-visual:after{content:"";position:absolute;width:480px;height:480px;right:-230px;bottom:-270px;border-radius:50%;border:1px solid rgba(90,218,255,.13);box-shadow:0 0 0 62px rgba(90,218,255,.025),0 0 0 124px rgba(90,218,255,.018)}
.nova-auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}
.nova-auth-brand__mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--nova-primary),var(--nova-primary-2));box-shadow:0 14px 32px color-mix(in srgb,var(--nova-primary) 30%,transparent);color:#fff;font-size:20px}
.nova-auth-brand small,.nova-auth-brand strong{display:block}.nova-auth-brand small{color:var(--nova-muted);font-size:10px}.nova-auth-brand strong{margin-top:4px;font-size:15px}
.nova-auth-copy{position:relative;z-index:2;margin-top:78px;max-width:620px}.nova-auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#70e7f5;font-size:13px;font-weight:800}.nova-auth-copy h1{margin:19px 0 17px;font-size:clamp(43px,5vw,70px);line-height:1.18;letter-spacing:-1.2px}.nova-auth-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--nova-primary),var(--nova-primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nova-auth-copy p{margin:0;max-width:570px;color:#a4b4d0;font-size:16px;line-height:2}
.nova-auth-cards{position:relative;z-index:2;height:190px;margin:30px 0 12px}.nova-auth-card-demo{position:absolute;width:235px;height:130px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:21px;box-shadow:0 25px 48px rgba(0,0,0,.3);color:#fff}.nova-auth-card-demo small,.nova-auth-card-demo span{display:block;font-size:9px;letter-spacing:1px}.nova-auth-card-demo b{display:block;margin:17px 0 8px;font-size:20px}.nova-auth-card-demo--one{right:0;top:22px;transform:rotate(5deg);background:linear-gradient(135deg,#5367ff,#239de9)}.nova-auth-card-demo--two{right:150px;top:4px;transform:rotate(-7deg);background:linear-gradient(135deg,#102b46,#096574)}.nova-auth-card-demo--three{right:300px;top:38px;transform:rotate(3deg);background:linear-gradient(135deg,#18213c,#29285d)}
.nova-auth-benefits{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nova-auth-benefit{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(134,151,190,.13);border-radius:15px;background:rgba(4,12,26,.48)}.nova-auth-benefit i{color:#71e5e7;font-size:17px}.nova-auth-benefit b,.nova-auth-benefit small{display:block}.nova-auth-benefit b{font-size:12px}.nova-auth-benefit small{margin-top:3px;color:#7f91b0;font-size:9px}
.nova-auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,56px);background:linear-gradient(180deg,color-mix(in srgb,var(--nova-surface) 98%,#050a13),color-mix(in srgb,var(--nova-bg) 94%,#081124))}
.nova-auth-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:27px}.nova-auth-heading__icon{flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--nova-primary) 28%,transparent);border-radius:17px;background:color-mix(in srgb,var(--nova-primary) 14%,transparent);color:#9e9bff;font-size:20px}.nova-auth-heading span{color:#70dfea;font-size:12px;font-weight:800}.nova-auth-heading h2{margin:5px 0;font-size:clamp(27px,3vw,34px)}.nova-auth-heading small{color:var(--nova-muted);font-size:12px;line-height:1.7}
.nova-auth-form{display:grid;gap:15px}.nova-auth-form label{display:grid;gap:8px;color:var(--nova-text);font-size:12px;font-weight:800}.nova-auth-form label>small{color:var(--nova-muted);font-weight:500;line-height:1.7}.nova-auth-form input,.nova-auth-form select{width:100%;min-height:54px;padding:0 15px;border:1px solid color-mix(in srgb,var(--nova-border) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--nova-bg) 80%,#061126);color:var(--nova-text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}.nova-auth-form input:focus,.nova-auth-form select:focus{border-color:color-mix(in srgb,var(--nova-primary) 78%,white 5%);box-shadow:0 0 0 4px color-mix(in srgb,var(--nova-primary) 10%,transparent)}
.nova-auth-phone{display:grid;grid-template-columns:minmax(185px,.92fr) minmax(180px,1.08fr);gap:10px;direction:ltr}.nova-auth-phone select{direction:rtl;cursor:pointer}.nova-auth-phone-preview{padding:9px 11px;border:1px solid rgba(54,214,255,.15);border-radius:11px;background:rgba(54,214,255,.065);color:var(--nova-muted);font-size:11px;font-weight:500}.nova-auth-phone-preview b{color:#72e8f6}
.nova-auth-password{position:relative}.nova-auth-password input{padding-left:50px}.nova-auth-password button{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--nova-muted);cursor:pointer}.nova-auth-password button:hover{background:rgba(255,255,255,.05);color:var(--nova-text)}
.nova-auth-submit{min-height:56px;border:0;border-radius:15px;background:linear-gradient(100deg,var(--nova-primary),var(--nova-primary-2));box-shadow:0 17px 38px color-mix(in srgb,var(--nova-primary) 22%,transparent);color:#fff;font:inherit;font-weight:900;cursor:pointer;transition:transform .2s,filter .2s}.nova-auth-submit:hover{transform:translateY(-2px);filter:brightness(1.04)}.nova-auth-submit:disabled{opacity:.65;cursor:wait;transform:none}
.nova-auth-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border:1px solid rgba(37,211,102,.26);border-radius:13px;background:rgba(37,211,102,.08);color:#53df88;text-decoration:none;font-size:12px;font-weight:900}.nova-auth-link:hover{background:rgba(37,211,102,.14)}.nova-auth-switch{margin:19px 0 0;padding-top:19px;border-top:1px solid color-mix(in srgb,var(--nova-border) 45%,transparent);text-align:center;color:var(--nova-muted);font-size:13px}.nova-auth-switch a{color:#6fdcff;font-weight:900;text-decoration:none}
.nova-auth-note{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid rgba(79,124,255,.18);border-radius:13px;background:rgba(79,124,255,.075);color:var(--nova-muted);font-size:11px;line-height:1.7}.nova-auth-note i{margin-top:3px;color:#7f9cff}
.nova-auth-stage{width:min(680px,calc(100% - 28px));margin:auto;padding:clamp(32px,5vw,60px);border:1px solid color-mix(in srgb,var(--nova-border) 72%,transparent);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--nova-surface) 96%,transparent),color-mix(in srgb,var(--nova-bg) 96%,transparent));box-shadow:0 30px 90px rgba(0,0,0,.3);text-align:center}.nova-auth-stage__icon{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 21px;border:1px solid rgba(37,211,102,.3);border-radius:27px;background:linear-gradient(135deg,rgba(37,211,102,.22),rgba(54,214,255,.13));color:#61e594;font-size:31px;box-shadow:0 18px 44px rgba(37,211,102,.12)}.nova-auth-stage>span{color:#6bdfee;font-size:12px;font-weight:900}.nova-auth-stage h1{margin:10px 0 9px;font-size:clamp(31px,5vw,45px)}.nova-auth-stage>p{max-width:530px;margin:0 auto 27px;color:var(--nova-muted);line-height:1.9}.nova-auth-stage .nova-auth-form{text-align:right}.nova-auth-otp{display:flex;direction:ltr;gap:9px;justify-content:center;margin:4px 0}.nova-auth-otp input{width:54px;min-height:62px;padding:0;text-align:center;font-size:27px;font-weight:900}.nova-auth-otp-fallback{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.nova-auth-resend{display:grid;gap:10px;margin-top:12px}.nova-auth-resend button{min-height:48px;border:1px solid rgba(37,211,102,.27);border-radius:13px;background:rgba(37,211,102,.08);color:#55df89;font:inherit;font-weight:900;cursor:pointer}.nova-auth-resend button:disabled{opacity:.55;cursor:not-allowed}.nova-auth-back{display:inline-flex;margin-top:18px;color:var(--nova-muted);text-decoration:none;font-size:12px}.nova-auth-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:3px}.nova-auth-strength i{height:4px;border-radius:999px;background:color-mix(in srgb,var(--nova-border) 50%,transparent)}.nova-auth-strength[data-level="1"] i:nth-child(-n+1){background:var(--nova-danger)}.nova-auth-strength[data-level="2"] i:nth-child(-n+2){background:var(--nova-warning)}.nova-auth-strength[data-level="3"] i:nth-child(-n+3){background:#58c7ff}.nova-auth-strength[data-level="4"] i{background:var(--nova-success)}
html[data-theme=light] .nova-auth-shell,html[data-theme=light] .nova-auth-stage{box-shadow:0 30px 80px rgba(32,65,120,.14)}html[data-theme=light] .nova-auth-panel{background:linear-gradient(180deg,#fff,#f4f7fd)}html[data-theme=light] .nova-auth-form input,html[data-theme=light] .nova-auth-form select{background:#f6f9ff;color:var(--nova-light-text)}html[data-theme=light] .nova-auth-benefit{background:rgba(255,255,255,.1)}
@media(max-width:1050px){.nova-auth-shell{grid-template-columns:1fr}.nova-auth-visual{min-height:520px}.nova-auth-copy{margin-top:42px}.nova-auth-panel{padding:42px}.nova-auth-cards{height:160px}}
@media(max-width:680px){.nova-auth-page{padding-top:14px}.nova-auth-shell{width:min(100% - 18px,1240px);border-radius:23px}.nova-auth-visual{min-height:430px;padding:26px 20px}.nova-auth-copy h1{font-size:38px}.nova-auth-copy p{font-size:14px}.nova-auth-cards{height:135px;transform:scale(.82);transform-origin:right top}.nova-auth-card-demo--three{display:none}.nova-auth-benefits{grid-template-columns:1fr 1fr}.nova-auth-benefit:nth-child(3){display:none}.nova-auth-panel{padding:30px 20px}.nova-auth-phone{grid-template-columns:1fr}.nova-auth-heading h2{font-size:27px}.nova-auth-stage{width:min(100% - 18px,680px);padding:32px 18px;border-radius:23px}.nova-auth-otp{gap:6px}.nova-auth-otp input{width:44px;min-height:56px;font-size:23px}}
@media(prefers-reduced-motion:reduce){.nova-auth-submit,.nova-auth-form input,.nova-auth-form select{transition:none}}

.nova-auth-svg{width:1.15em;height:1.15em;display:block;flex:0 0 auto}.nova-auth-heading__icon .nova-auth-svg,.nova-auth-stage__icon .nova-auth-svg{width:28px;height:28px}.nova-auth-brand__mark .nova-auth-svg{width:23px;height:23px}.nova-auth-password button .nova-auth-svg{width:20px;height:20px;margin:auto}.nova-auth-submit .nova-auth-svg,.nova-auth-link .nova-auth-svg,.nova-auth-note .nova-auth-svg{display:inline-block;vertical-align:-.2em;margin-left:7px}.nova-auth-benefit .nova-auth-svg{width:19px;height:19px;color:#71e5e7}

/* V275: isolated password recovery chrome */
body.commerce-auth-no-header .nova-auth-page{padding-top:clamp(24px,5vw,72px)}
body.commerce-auth-no-header .nova-auth-stage{margin-inline:auto}
