.auth-page{--auth-ink:#151712;--auth-paper:#faf9f2;--auth-muted:#6d6f66;--auth-lime:#d9f536;background:#efede1}
.auth-page .page-loader{display:none!important}
.auth-page .site-grain{opacity:.022}
.auth-main{position:relative;min-height:calc(100svh - 112px);display:grid;place-items:center;padding:48px 24px 88px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 7% 8%,rgba(255,255,255,.9),transparent 25%),radial-gradient(circle at 94% 18%,var(--auth-soft),transparent 27%),#efede1}
.auth-ambient{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;opacity:.42;will-change:transform,opacity}
.auth-ambient-one{width:420px;height:420px;left:-180px;top:8%;background:radial-gradient(circle,var(--auth-soft),transparent 70%);animation:authAmbientOne 15s ease-in-out infinite}
.auth-ambient-two{width:520px;height:520px;right:-230px;bottom:-18%;background:radial-gradient(circle,rgba(217,245,54,.24),transparent 70%);animation:authAmbientTwo 18s ease-in-out -6s infinite}
.auth-shell{position:relative;width:min(1320px,100%);min-height:720px;display:grid;grid-template-columns:minmax(420px,.86fr) minmax(0,1.14fr);border:1px solid rgba(255,255,255,.92);border-radius:38px;background:rgba(250,249,242,.9);box-shadow:0 36px 100px rgba(39,38,28,.15),inset 0 1px 0 #fff;overflow:hidden;opacity:0;transform:translateY(28px) scale(.985);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.auth-page.auth-ready .auth-shell{opacity:1;transform:none}
.auth-form-panel{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,76px);background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(250,249,242,.88))}
.auth-form-panel:after{content:"";position:absolute;inset:22px;border:1px solid rgba(28,33,25,.055);border-radius:27px;pointer-events:none}
.auth-form-panel>*{position:relative;z-index:1}
.auth-mode-switch{width:212px;height:45px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:4px;margin-bottom:32px;border:1px solid rgba(26,30,23,.09);border-radius:999px;background:#eeece2}
.auth-mode-switch a{height:35px;display:grid;place-items:center;border-radius:999px;color:#777a72;font:800 10px/1 "Manrope",sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:background .28s,color .28s,box-shadow .28s,transform .28s}
.auth-mode-switch a:hover{color:var(--auth-ink);transform:translateY(-1px)}
.auth-mode-switch a.active{background:#fff;box-shadow:0 7px 18px rgba(35,35,26,.09);color:var(--auth-ink)}
.auth-heading{margin-bottom:28px}
.auth-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:var(--auth-accent);font:800 9px/1 "Manrope",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.auth-heading h1{margin:0;color:var(--auth-ink);font:800 clamp(47px,4.4vw,68px)/.94 "Manrope",sans-serif;letter-spacing:-.06em;text-transform:uppercase}
.auth-heading h1 span{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px var(--auth-accent)}
.auth-heading p{max-width:470px;margin:20px 0 0;color:var(--auth-muted);font-size:14px;line-height:1.65}
.auth-alert{display:flex;align-items:flex-start;gap:10px;margin:-4px 0 20px;padding:13px 14px;border:1px solid;border-radius:15px;font-size:11px;line-height:1.5}
.auth-alert i{margin-top:1px;font-size:14px}.auth-alert strong{display:block;color:inherit}
.auth-alert-error{border-color:rgba(185,38,38,.2);background:#fff0ed;color:#9d2626}
.auth-alert-service{border-color:rgba(158,111,16,.18);background:#fff8e6;color:#7d5c18}
.auth-form{display:grid;gap:17px}
.auth-field{display:grid;gap:7px}
.auth-field label{color:#555950;font:800 9px/1 "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase}
.auth-input-wrap{position:relative;height:54px;display:flex;align-items:center;border:1px solid rgba(31,35,27,.11);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(35,35,26,.035);transition:border-color .25s,box-shadow .25s,transform .25s}
.auth-input-wrap>i{position:absolute;left:17px;color:#85887f;font-size:15px;transition:color .25s}
.auth-input-wrap input{width:100%;height:100%;padding:0 48px 0 46px;border:0;outline:0;background:transparent;color:var(--auth-ink);font-size:13px}
.auth-input-wrap input::placeholder{color:#a1a39d}
.auth-input-wrap:focus-within{border-color:color-mix(in srgb,var(--auth-accent) 46%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-accent) 9%,transparent),0 12px 28px rgba(35,35,26,.06);transform:translateY(-1px)}
.auth-input-wrap:focus-within>i{color:var(--auth-accent)}
.auth-field.has-error .auth-input-wrap{border-color:rgba(190,42,42,.48);background:#fffafa}
.auth-password-toggle{position:absolute;right:8px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#777b72;transition:background .2s,color .2s,transform .2s}
.auth-password-toggle:hover,.auth-password-toggle:focus-visible{background:#efede4;color:var(--auth-ink);transform:scale(1.05);outline:2px solid var(--auth-accent);outline-offset:1px}
.auth-field-error{display:flex;align-items:center;gap:5px;color:#ad2e2e;font-size:10px;line-height:1.35}
.auth-live-error[hidden]{display:none}
.auth-strength{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px}
.auth-strength>div{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.auth-strength>div span{height:3px;border-radius:99px;background:#dddcd3;transition:background .25s,transform .25s}
.auth-strength small{min-width:92px;color:#8a8d85;font-size:9px;text-align:right}
.auth-strength[data-strength="1"]>div span:nth-child(1){background:#db4949}.auth-strength[data-strength="1"] small{color:#b33b3b}
.auth-strength[data-strength="2"]>div span:nth-child(-n+2){background:#e39a2c}.auth-strength[data-strength="2"] small{color:#9b6b20}
.auth-strength[data-strength="3"]>div span:nth-child(-n+3){background:#91b82f}.auth-strength[data-strength="3"] small{color:#67841d}
.auth-strength[data-strength="4"]>div span{background:#3d943f;transform:scaleY(1.25)}.auth-strength[data-strength="4"] small{color:#347f36}
.auth-submit{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:3px;padding:7px 8px 7px 23px;border:0;border-radius:999px;background:linear-gradient(110deg,var(--auth-lime),#eefc7b);box-shadow:0 13px 30px rgba(162,188,34,.25);color:var(--auth-ink);font:800 11px/1 "Manrope",sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,opacity .25s}
.auth-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 36px rgba(162,188,34,.34)}
.auth-submit:focus-visible{outline:3px solid var(--auth-accent);outline-offset:3px}
.auth-submit:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.56}
.auth-submit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--auth-ink);color:#fff;font-size:16px;transition:transform .35s}
.auth-submit:hover:not(:disabled) .auth-submit-icon{transform:rotate(-32deg)}
.auth-form.is-submitting .auth-submit-icon i{animation:authSubmitSpin .7s linear infinite}.auth-form.is-submitting .auth-submit-icon i:before{content:"\f130"}
.auth-security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#93968e;font-size:9px;line-height:1.4;text-align:center}
.auth-security-note i{color:#6f8f16}
.auth-alternate{margin:24px 0 0;color:#7a7d75;font-size:11px;text-align:center}
.auth-alternate a{color:var(--auth-ink);font-weight:800}.auth-alternate a i{font-size:10px;transition:transform .25s}.auth-alternate a:hover i{display:inline-block;transform:translate(2px,-2px)}
.auth-visual-panel{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 68% 42%,rgba(255,255,255,.6),transparent 25%),linear-gradient(145deg,var(--auth-soft),#f8f2df 48%,#e6efdc);isolation:isolate}
.auth-visual-panel:before,.auth-visual-panel:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;will-change:transform,opacity}
.auth-visual-panel:before{width:410px;height:410px;right:-130px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,.58),transparent 70%);animation:authGlowDrift 12s ease-in-out infinite}
.auth-visual-panel:after{width:330px;height:330px;left:-120px;bottom:-130px;background:radial-gradient(circle,color-mix(in srgb,var(--auth-accent) 18%,transparent),transparent 70%);animation:authGlowDrift 15s ease-in-out -5s infinite reverse}
.auth-visual-grid{position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom right,transparent 5%,#000 45%,transparent 93%)}
.auth-visual-copy{position:absolute;z-index:5;left:clamp(28px,4vw,62px);top:clamp(30px,5vw,72px);max-width:340px}
.auth-visual-copy span{display:block;margin-bottom:10px;color:var(--auth-accent);font:800 9px/1 "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.auth-visual-copy strong{display:block;color:var(--auth-deep);font:800 clamp(25px,2.8vw,41px)/1.02 "Manrope",sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.auth-product-wrap{position:absolute;z-index:4;width:min(62%,520px);height:58%;left:0;right:0;top:24%;display:grid;place-items:center;margin-inline:auto;opacity:0;transform:translate3d(42px,12px,0) scale(.94);animation:authProductArrival .9s cubic-bezier(.16,1,.3,1) .28s forwards}
.auth-product{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 28px rgba(55,32,17,.25));animation:authProductFloat 6s ease-in-out 1.2s infinite;will-change:transform}
.auth-orbit{position:absolute;z-index:2;left:51%;top:53%;width:69%;aspect-ratio:1.55;border:1.3px solid color-mix(in srgb,var(--auth-accent) 54%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);will-change:transform;animation:authOrbitOne 14s linear infinite}
.auth-orbit-two{width:54%;border-color:color-mix(in srgb,var(--auth-accent) 35%,transparent);animation:authOrbitTwo 18s linear infinite}
.auth-orbit i{position:absolute;left:20%;top:5%;width:11px;height:11px;border-radius:50%;background:var(--auth-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--auth-accent) 13%,transparent),0 0 20px color-mix(in srgb,var(--auth-accent) 35%,transparent)}
.auth-particle{position:absolute;z-index:5;border-radius:5px;background:var(--auth-accent);box-shadow:0 9px 18px rgba(52,30,16,.17);animation:authParticleFloat 5s ease-in-out infinite}
.auth-particle-one{width:14px;height:14px;left:16%;top:44%;transform:rotate(30deg)}.auth-particle-two{width:10px;height:10px;right:10%;top:38%;animation-delay:-1.8s}.auth-particle-three{width:12px;height:12px;left:31%;bottom:18%;background:#fff;animation-delay:-3s}
.auth-floating-card{position:absolute;z-index:6;border:1px solid rgba(255,255,255,.85);border-radius:17px;background:rgba(255,255,255,.82);box-shadow:0 16px 34px rgba(43,37,27,.1);color:var(--auth-ink);animation:authCardFloat 5s ease-in-out infinite}
.auth-floating-card-top{right:6%;top:16%;padding:12px 15px}.auth-floating-card-top span,.auth-floating-card-top strong{display:block}.auth-floating-card-top span{color:#969990;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.auth-floating-card-top strong{margin-top:4px;font:800 11px/1.2 "Manrope",sans-serif}
.auth-floating-card-bottom{left:7%;bottom:14%;display:flex;align-items:center;gap:10px;padding:11px 14px;animation-delay:-2s}.auth-floating-card-bottom>i{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--auth-lime);color:var(--auth-ink)}.auth-floating-card-bottom strong,.auth-floating-card-bottom span{display:block}.auth-floating-card-bottom strong{font:800 10px/1.2 "Manrope",sans-serif}.auth-floating-card-bottom span{margin-top:3px;color:#92958d;font-size:8px}
.auth-benefit-row{position:absolute;z-index:7;left:5%;right:5%;bottom:4%;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.auth-benefit-row span{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:rgba(255,255,255,.5);color:#62665e;font:700 8px/1 "Manrope",sans-serif;text-transform:uppercase}.auth-benefit-row i{color:var(--auth-accent)}
.auth-page.auth-leaving .auth-shell{opacity:0;transform:translateY(12px) scale(.99);transition-duration:.24s}
@keyframes authAmbientOne{0%,100%{transform:translate3d(0,0,0) scale(.95);opacity:.3}50%{transform:translate3d(55px,-28px,0) scale(1.08);opacity:.55}}
@keyframes authAmbientTwo{0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.28}50%{transform:translate3d(-48px,25px,0) scale(1.08);opacity:.5}}
@keyframes authProductArrival{to{opacity:1;transform:none}}
@keyframes authProductFloat{0%,100%{transform:translate3d(0,7px,0) rotate(-2deg)}50%{transform:translate3d(0,-12px,0) rotate(1deg)}}
@keyframes authOrbitOne{from{transform:translate(-50%,-50%) rotate(-12deg)}to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes authOrbitTwo{from{transform:translate(-50%,-50%) rotate(22deg)}to{transform:translate(-50%,-50%) rotate(-338deg)}}
@keyframes authParticleFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -15px;rotate:20deg}}
@keyframes authCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes authGlowDrift{0%,100%{transform:translate3d(0,0,0) scale(.94);opacity:.4}50%{transform:translate3d(-24px,18px,0) scale(1.08);opacity:.68}}
@keyframes authSubmitSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.auth-shell{grid-template-columns:minmax(390px,.94fr) minmax(0,1.06fr)}.auth-form-panel{padding:48px}.auth-product-wrap{width:68%}.auth-benefit-row span:last-child{display:none}}
@media(max-width:850px){.auth-main{padding:28px 14px 65px}.auth-shell{min-height:0;grid-template-columns:1fr}.auth-form-panel{grid-row:1;padding:46px 44px 50px}.auth-visual-panel{grid-row:2;min-height:370px}.auth-product-wrap{width:min(60%,420px);height:72%;top:16%}.auth-visual-copy{left:34px;top:34px;max-width:270px}.auth-visual-copy strong{font-size:29px}.auth-floating-card-top{right:5%;top:9%}.auth-floating-card-bottom{left:5%;bottom:14%}.auth-orbit{width:60%}.auth-orbit-two{width:46%}}
@media(max-width:576px){.auth-main{padding:16px 7px 46px}.auth-shell{border-radius:28px}.auth-form-panel{padding:34px 22px 38px}.auth-form-panel:after{inset:10px;border-radius:21px}.auth-mode-switch{width:190px;margin-bottom:26px}.auth-heading h1{font-size:44px}.auth-heading p{font-size:13px}.auth-input-wrap{height:52px}.auth-visual-panel{min-height:340px}.auth-visual-copy{left:23px;top:24px;max-width:205px}.auth-visual-copy span{font-size:7px}.auth-visual-copy strong{font-size:23px}.auth-product-wrap{width:56%;height:52%;top:33%}.auth-orbit{left:50%;width:72%}.auth-orbit-two{width:56%}.auth-floating-card-top,.auth-floating-card-bottom,.auth-benefit-row{display:none}.auth-ambient{display:none}}
@media(max-width:350px){.auth-form-panel{padding-inline:17px}.auth-heading h1{font-size:40px}.auth-security-note{font-size:8px}.auth-visual-copy strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.auth-shell{opacity:1;transform:none;transition:none}.auth-ambient,.auth-visual-panel:before,.auth-visual-panel:after,.auth-product-wrap,.auth-product,.auth-orbit,.auth-particle,.auth-floating-card,.auth-submit-icon i{animation:none!important;will-change:auto}.auth-product-wrap{opacity:1;transform:none}.auth-page.auth-leaving .auth-shell{opacity:1;transform:none}}