.auth-page{--auth-body:clamp(16px,.77vw + 8px,24px);width:min(100%,clamp(1120px,73vw,2200px));font-size:var(--auth-body);flex-direction:column;gap:clamp(24px,4vw,100px);min-height:100svh;margin:auto;padding:clamp(22px,3vw,72px);display:flex}.auth-header{justify-content:space-between;align-items:center;gap:20px;min-height:40px;display:flex}.auth-header .brand{font-size:clamp(30px,1.7vw,56px)}.auth-back{color:var(--muted);align-items:center;gap:9px;min-height:44px;font-size:.9em;display:flex}.auth-back:hover{color:var(--ink)}.auth-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(50px,7vw,200px);display:grid}.auth-panel{width:100%;max-width:38em;padding:clamp(0px,1vw,24px) 0}.auth-panel h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,2.4vw,72px);font-weight:500;line-height:1.13}.auth-tabs{border:1px solid var(--line);background:#ecefdf;border-radius:14px;gap:6px;margin-bottom:clamp(28px,2.2vw,60px);padding:5px;display:flex}.auth-tabs a{min-height:3em;color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.65em .6em;font-size:.94em;font-weight:600;display:flex}.auth-tabs a.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #263b2f0a}.auth-tabs a:hover{color:var(--ink)}.auth-intro{color:var(--muted);max-width:35em;margin-top:1em;font-size:1em;line-height:1.7}.auth-form{flex-direction:column;gap:clamp(19px,1.2vw,32px);margin-top:clamp(24px,2vw,52px);display:flex}.auth-field{flex-direction:column;gap:.55em;display:flex}.auth-field label{font-size:.91em;font-weight:600;line-height:1.4}.auth-field input{border:1px solid var(--line-strong);background:var(--paper);width:100%;min-width:0;min-height:3.2em;color:var(--ink);font:inherit;box-shadow:none;border-radius:11px;padding:.85em 1em;line-height:1.5}.auth-field input:focus{border-color:var(--violet);outline-offset:1px;outline:2px solid #7567d825}.auth-field input::placeholder{color:#7b8781}.auth-password-wrap{display:flex;position:relative}.auth-password-wrap input{padding-right:3.5em}.auth-password-toggle{width:2.5em;min-width:44px;height:2.5em;min-height:44px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:.35em;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--ink);background:#edf0e7}.auth-field-hint{color:var(--muted);font-size:.82em;line-height:1.6}.auth-forgot{align-self:flex-end;margin-top:-.2em}.auth-link{color:#28736e;justify-content:center;align-items:center;gap:8px;min-height:44px;padding-block:.3em;font-size:.88em;font-weight:600;line-height:1.6;display:inline-flex}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-page .auth-submit{white-space:normal;text-align:left;justify-content:space-between;gap:14px;width:100%;min-height:3.2em;margin:0;padding:.85em 1.1em;font-size:1em;line-height:1.4}.auth-page .auth-submit:disabled{opacity:.5}.auth-page .auth-submit .spin{margin-left:auto}.auth-session-note{color:var(--muted);align-items:flex-start;gap:7px;margin-top:1.5em;font-size:.75em;line-height:1.7;display:flex}.auth-session-note svg{flex-shrink:0;margin-top:.22em}.auth-under-form{width:100%;margin-top:1em}.auth-step-icon{background:var(--soft-violet);color:#5f50bb;border-radius:16px;place-items:center;width:3.25em;height:3.25em;margin-bottom:1.5em;display:inline-grid}.auth-notice{color:var(--ink);background:#edf4ea;border:1px solid #c7d8cc;border-radius:11px;margin-top:1.25em;padding:1em 1.1em;font-size:.9em;line-height:1.7}.auth-error{color:#883b2c;background:#fff0e7;border-color:#e9b7a4}.auth-notice a{text-underline-offset:3px;align-items:center;gap:8px;font-weight:650;text-decoration:underline;display:inline-flex}.auth-notice p+a{margin-top:.45em}.auth-complete{outline:none;flex-direction:column;align-items:flex-start;gap:1em;margin-top:1.6em;line-height:1.7;display:flex}.auth-complete>svg{color:#287d67}.auth-complete strong{overflow-wrap:anywhere;font-weight:650}.auth-complete .auth-submit{margin-top:.5em}.auth-complete>.auth-link{align-self:center}.auth-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:10px;font-size:.76em;display:flex}.auth-footer a{align-items:center;min-height:44px;display:flex}.auth-footer a:hover{color:var(--ink);text-decoration:underline}.auth-art{aspect-ratio:4/5;isolation:isolate;background:#ffdcac;border-radius:clamp(24px,3vw,64px);place-items:center;max-height:38em;display:grid;position:relative;overflow:hidden}.auth-art:before{content:"";opacity:.35;z-index:-1;background:#f7bc6c;border-radius:50%;width:86%;height:70%;position:absolute;top:-16%;left:-38%}.auth-art:after{content:"";z-index:-1;background:#fff0d5;border-radius:50%;width:80%;height:65%;position:absolute;bottom:-24%;right:-34%}.auth-art-card{aspect-ratio:2/3;width:59%;color:var(--ink);background:#fffdf2;border:1px solid #c5ceba;border-radius:13px;flex-direction:column;padding:3.2%;display:flex;position:absolute;box-shadow:0 18px 30px -20px #63472d70}.auth-art-card img{object-fit:cover;border:1px solid #a5b19f52;border-radius:7px;width:100%;height:68%}.auth-art-card span{padding-top:1em;font-size:.73em;font-weight:650;line-height:1.4}.auth-art-card i{color:var(--muted);margin-top:.4em;font-size:.55em;font-style:italic}.auth-art-card-front{z-index:2;background:#e8f1e4;transform:rotate(-9deg)translate(-12%,5%)}.auth-art-card-back{background:#eee9ff;border-color:#b8afd9;transform:rotate(13deg)translate(13%,-7%)}.auth-art-card-back span{padding-left:.2em;font-size:.65em}.auth-art-orbit{z-index:-1;border:1px solid #b17d4936;border-radius:50%;width:130%;height:42%;position:absolute;transform:rotate(-32deg)}.auth-art-orbit.orbit-two{width:128%;height:42%;transform:rotate(45deg)}.auth-art-dot{aspect-ratio:1;background:#f5795f;border-radius:50%;width:6%;display:block;position:absolute}.auth-art-dot.dot-one{top:10%;left:15%}.auth-art-dot.dot-two{background:#7567d8;width:4%;bottom:12%;right:12%}.auth-art-cross{font:300 3em/1 var(--display);color:#6a7565;position:absolute;top:15%;right:15%;transform:rotate(12deg)}@media (min-width:2100px){.auth-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.auth-art{max-height:42em}.auth-panel{max-width:34em}.auth-art-card{border-radius:18px}.auth-art-card img{border-radius:11px}}@media (max-width:900px){.auth-page{gap:32px;max-width:680px;padding:24px}.auth-layout{flex:initial;grid-template-columns:1fr;gap:0}.auth-art{display:none}.auth-panel{max-width:none;padding:16px 0 24px}.auth-panel h1{font-size:clamp(34px,6vw,44px)}.auth-header .brand{font-size:30px}.auth-tabs{margin-bottom:30px}.auth-footer{margin-top:auto}}@media (max-width:440px){.auth-page{gap:24px;padding:20px}.auth-back{gap:6px;font-size:13px}.auth-header .brand{font-size:28px}.auth-panel{padding-top:8px}.auth-panel h1{font-size:34px}.auth-tabs a{min-height:46px;font-size:14px}.auth-field input{min-height:52px;font-size:16px}.auth-page .auth-submit{min-height:54px}.auth-form{gap:20px}.auth-session-note{font-size:12px}.auth-footer{padding-top:12px}}@media (prefers-reduced-motion:reduce){.auth-page *{scroll-behavior:auto;transition:none}.auth-page .spin{animation:none}}
