.auth-shell{background:#101010;grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.auth-topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:34px 4.4%;display:flex;position:absolute;inset:0 0 auto}.auth-topbar>a{pointer-events:auto}.auth-topbar .brand{font-size:22px}.auth-home{color:#44413d;align-items:center;gap:9px;min-height:44px;font-size:13px;display:inline-flex}.auth-home:hover{color:#101010}.auth-form-side{justify-content:center;align-items:center;min-height:800px;padding:130px 48px 70px;display:flex}.auth-form-wrap{width:100%;max-width:390px}.auth-intro{margin-bottom:34px}.auth-intro h1{white-space:pre-line;letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(32px,3vw,42px);font-weight:500;line-height:1.15}.auth-intro>p{color:#b4b4b4;text-wrap:pretty;max-width:350px;margin:0;font-size:15px;line-height:1.75}.auth-field{margin-bottom:22px}.auth-field>label{color:#e2e2e2;margin-bottom:10px;font-size:14px;font-weight:500;display:block}.auth-field input{width:100%;min-height:52px;font:inherit;color:#f5f5f5;box-shadow:none;background:#191919;border:1px solid #3d3d3d;border-radius:10px;padding:13px 15px;font-size:16px;line-height:1.5;transition:border-color .2s,background .2s;display:block}.auth-field input::placeholder{color:#929292;opacity:1;font-size:14px}.auth-field input:hover{border-color:#6a6a6a}.auth-field input:focus{outline-offset:3px;box-shadow:none;background:#1d1d1d;border-color:#a5bce0;outline:2px solid #a5bce0}.auth-field input[aria-invalid=true]{border-color:#e4a5a5}.auth-password{position:relative}.auth-password>input{padding-right:54px}.auth-password-toggle{color:#b0b0b0;background:0 0;border-radius:7px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:5px}.auth-password-toggle:hover{color:#f5f5f5;background:#ffffff08}.auth-help{color:#aaa;margin:10px 0 0;font-size:12px;line-height:1.65}.auth-field-error{color:#efb7b7;margin:8px 0 0;font-size:13px;line-height:1.6}.auth-error-summary{color:#f1c5c5;background:#251c1c;border:1px solid #906060;border-radius:10px;margin-bottom:24px;padding:15px 17px;font-size:14px;line-height:1.65}.auth-error-summary:focus{outline-offset:4px;outline:2px solid #efb7b7}.auth-error-summary>p{margin:0}.auth-error-summary ul{margin:8px 0 0;padding-left:18px}.auth-error-summary a{text-underline-offset:3px;text-decoration:underline}.auth-remember{color:#bdbdbd;cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:-4px 0 14px;font-size:13px;display:inline-flex}.auth-remember>input{accent-color:#eae6df;color:#aaa;background:#191919;border:1px solid #777;border-radius:4px;width:17px;height:17px}.auth-remember>input:focus-visible{outline-offset:4px;outline:2px solid #a5bce0}.auth-submit{color:#181818;background:#f2f0ed;border-radius:999px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:52px;margin-top:7px;padding:14px 22px;font-size:15px;font-weight:550;transition:background .2s,transform .2s;display:flex}.auth-submit:hover:not(:disabled){background:#dcd8d1;transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-submit:disabled>svg{animation:1s linear infinite auth-spin}.auth-switch{color:#aaa;text-align:center;text-wrap:pretty;margin:26px -10px 0;font-size:13px;line-height:1.9}.auth-switch a{color:#eee;text-underline-offset:4px;align-items:center;gap:3px;min-height:44px;margin-left:4px;font-weight:500;-webkit-text-decoration:underline #555;text-decoration:underline #555;display:inline-flex}.auth-switch a:hover{text-decoration-color:#eee}.auth-art-side{color:#292720;background:#e9e4dc;flex-direction:column;justify-content:space-between;align-items:center;min-height:800px;padding:135px 44px 45px;display:flex;position:relative;overflow:hidden}.auth-art-copy{width:100%;max-width:390px}.auth-overline{color:#676359;letter-spacing:.1em;margin:0 0 21px;font-size:11px;font-weight:600}.auth-art-copy h2{letter-spacing:-.045em;margin:0 0 19px;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.1}.auth-art-copy>p:last-child{color:#686258;margin:0;font-size:15px;line-height:1.7}.auth-portrait-scene{width:410px;height:350px;margin:45px 0 38px;position:relative}.auth-portrait{background:#f5eee3;border:6px solid #f7f3eb;border-radius:19px;position:absolute;overflow:hidden;box-shadow:0 18px 35px -20px #3e34274d}.auth-portrait img{object-fit:cover;width:100%;height:100%;display:block}.auth-portrait-front{width:230px;height:320px;top:1px;left:94px;transform:rotate(-6deg)}.auth-portrait-front>img{height:251px}.auth-portrait-caption{background:#f7f3eb;flex-direction:column;gap:5px;padding:13px 13px 9px;display:flex}.auth-portrait-caption>span:first-child{letter-spacing:-.4px;font-size:15px;font-weight:600}.auth-portrait-caption>span:last-child{color:#6b655c;font-size:11px}.auth-portrait-back{width:137px;height:174px;top:24px;left:252px;transform:rotate(11deg)}.auth-portrait-small{width:122px;height:153px;top:155px;left:4px;transform:rotate(-13deg)}.auth-handwritten{color:#77705f;font:italic 17px/1.3 Georgia,serif;position:absolute;bottom:-3px;right:6px;transform:rotate(6deg)}.auth-art-bottom{letter-spacing:-.2px;color:#58534a;align-items:center;gap:10px;font-size:14px;display:flex}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width>=1500px){.auth-art-side{padding-top:155px}.auth-portrait-scene{transform:scale(1.08)}}@media (width<=1050px){.auth-form-side,.auth-art-side{padding-inline:30px}.auth-portrait-scene{transform:scale(.88)}.auth-art-copy h2{font-size:37px}}@media (width<=800px){.auth-shell{grid-template-columns:1fr}.auth-art-side{display:none}.auth-topbar{padding:22px 6%}.auth-home{color:#bdbdbd}.auth-home:hover{color:#fff}.auth-form-side{min-height:100svh;padding:140px 25px 55px}.auth-form-wrap{max-width:410px}.auth-intro h1{font-size:37px}.auth-intro{margin-bottom:32px}}@media (width<=360px){.auth-form-side{padding-inline:22px;padding-top:120px}.auth-intro h1{font-size:32px}.auth-topbar .brand{font-size:19px}.auth-home{font-size:12px}.auth-switch{margin-inline:0}}@media (prefers-reduced-motion:reduce){.auth-submit:disabled>svg{animation:none}}.auth-portrait-small{top:104px}
