.auth-shell{min-height:100dvh;color:var(--ios-fg);background:#fff;justify-content:center;align-items:stretch;padding:0;font-family:Jost,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.auth-container{width:100%;min-height:100dvh;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative;overflow:hidden}.auth-container .toggle-box{pointer-events:none;grid-area:1/1;width:auto;height:auto;position:static}.auth-container .toggle-box:before{content:none}.auth-container .toggle-panel{color:#fff;background:#0d0d0d;background-image:var(--auth-image);text-align:left;z-index:1;pointer-events:none;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;min-height:100%;padding:clamp(28px,4vw,56px);display:flex;position:relative}.auth-container .toggle-panel:after{content:"";background:linear-gradient(oklch(15% 0 0/.05) 0%,oklch(15% 0 0/.24) 55%,oklch(15% 0 0/.72) 100%);position:absolute;inset:0}.auth-container .toggle-panel>*{z-index:1;position:relative}.auth-container .toggle-panel.toggle-left{left:auto}.auth-container .toggle-panel h1{letter-spacing:-.01em;color:#fff;margin:0 0 10px;font-size:clamp(28px,3vw,40px);font-weight:300;line-height:1.05}.auth-container .toggle-panel h1 strong{font-weight:600}.auth-container .toggle-panel .tagline{letter-spacing:.18em;text-transform:uppercase;color:oklch(100% 5.96046e-8 none/.7);max-width:360px;margin:0 0 8px;font-size:10px;font-weight:400}.auth-container .toggle-panel p{letter-spacing:.02em;color:oklch(100% 5.96046e-8 none/.62);max-width:360px;margin:0;font-size:12px;line-height:1.5}.auth-container .form-box{color:var(--ios-fg);text-align:left;z-index:1;background:#fff;grid-area:1/2;justify-content:flex-start;align-items:center;padding:clamp(48px,7vw,120px);display:flex}.auth-container .form-box form{width:100%;max-width:420px}.auth-container .brand{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:48px;display:flex}.auth-container .brand-icon{display:none}.auth-container h1{letter-spacing:-.02em;color:var(--ios-fg);margin:0;font-size:clamp(32px,3.6vw,46px);font-weight:400;line-height:1.05}.auth-container .field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ios-fg);margin:0 0 8px;font-size:10px;font-weight:500;display:block}.auth-container .input-box{margin:0 0 26px;position:relative}.auth-container .input-box input{border:1px solid var(--ios-divider);width:100%;color:var(--ios-fg);background:#fff;border-radius:0;outline:none;padding:15px 40px 15px 16px;font-family:inherit;font-size:15px;font-weight:400;transition:border-color .15s linear}.auth-container .input-box input::placeholder{color:var(--ios-placeholder);font-weight:300}.auth-container .input-box input:focus{border-color:var(--ios-fg)}.auth-container .input-box .input-icon{width:15px;height:15px;color:var(--ios-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-container .forgot-link{text-align:left;margin:-10px 0 24px}.auth-container .forgot-link button{color:var(--ios-fg);letter-spacing:.02em;cursor:pointer;border:none;border-bottom:1px solid var(--ios-fg);background:0 0;padding:0;font-family:inherit;font-size:12px;font-weight:400}.auth-container .forgot-link button:hover{opacity:.6}.auth-container .btn-primary{color:#fff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#0d0d0d;border:none;border-radius:0;justify-content:center;align-items:center;gap:10px;width:auto;min-width:220px;height:52px;margin-top:4px;padding:0 28px;font-family:inherit;font-size:11px;font-weight:500;transition:opacity .15s linear;display:inline-flex}.auth-container .btn-primary:hover:not(:disabled){opacity:.82}.auth-container .btn-primary:active:not(:disabled){opacity:.65}.auth-container .btn-primary:disabled{opacity:.35;cursor:not-allowed}.auth-container .auth-msg{text-align:left;background:var(--ios-bg);border-radius:0;margin:4px 0 18px;padding:12px 14px;font-size:13px;line-height:1.45}.auth-container .auth-msg-error{color:var(--ios-fg);border-left:2px solid var(--ios-red)}.auth-container .auth-msg-info{color:var(--ios-fg);border-left:2px solid var(--ios-fg)}.auth-container .auth-switch{letter-spacing:.14em;text-transform:uppercase;color:var(--ios-muted);margin-top:22px;font-size:11px}.auth-container .auth-switch button{letter-spacing:.14em;text-transform:uppercase;color:var(--ios-fg);cursor:pointer;border:none;border-bottom:1px solid var(--ios-fg);background:0 0;padding:0;font-family:inherit;font-size:11px}.auth-container .auth-switch button:hover{opacity:.6}@media (width<=900px){.auth-container{grid-template-rows:34dvh 1fr;grid-template-columns:1fr}.auth-container .toggle-box{grid-area:1/1}.auth-container .toggle-panel{min-height:0;padding:24px 20px}.auth-container .toggle-panel h1{margin-bottom:6px;font-size:26px}.auth-container .toggle-panel p{display:none}.auth-container .form-box{grid-area:2/1;align-items:flex-start;padding:36px 20px 56px}.auth-container .form-box form{max-width:none}.auth-container .brand{margin-bottom:32px}.auth-container .btn-primary{width:100%}}
