.auth-shell{display:grid;grid-template-columns:1fr 1fr;position:relative;isolation:isolate;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #263b2212;margin:28px 0;min-height:660px;border:1px solid #e0e7dc}
.auth-art{position:relative;overflow:hidden;background:#e5e3dd;min-width:0}.auth-art>svg{display:block;width:100%;height:100%;position:absolute;inset:0}.auth-art:after{content:'';position:absolute;top:-8%;height:116%;width:180px;right:-110px;background:white;border-left:25px solid #81a52c;border-radius:50% 0 0 50%}
.auth-content{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px 44px 36px 24px;min-width:0}.auth-content:before{content:'';position:absolute;right:20px;top:18px;width:76px;height:76px;background:radial-gradient(circle,#81a52c 2.4px,transparent 3px) 0 0/16px 16px;opacity:.9}.auth-logo{display:block;width:220px;height:196px;max-width:65%;margin:0 auto 22px}.auth-content h1{font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.7px;margin:0 0 8px;color:#404b53}.auth-intro{color:#66716d;margin:0 0 24px;line-height:1.6;font-size:.95rem}.auth-content form{width:100%;margin:0}.auth-content label{display:block;margin:0 0 7px;font-size:.875rem;font-weight:600}.auth-content form p,.auth-content .form-field{margin:0 0 17px}.auth-content input:not([type=hidden]){min-height:50px;background:white;width:100%;font-size:16px;border:1px solid #bdc9c1;border-radius:9px}.auth-content input:focus-visible{outline:3px solid #81a52c66;outline-offset:2px}.auth-content .auth-submit{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;background:#52771a;color:white;font-size:1rem;font-weight:650}.auth-content .auth-submit:hover{background:#426016}.auth-content .auth-submit:focus-visible{outline:3px solid #263b22;outline-offset:3px}.auth-help{font-size:.8rem;line-height:1.6;color:#69766e;text-align:center;margin:16px 0 0}.auth-switch{font-size:.85rem;line-height:1.6;margin:20px 0 0}.auth-content .errorlist{color:#9d2c23;background:#fff0ed;padding:12px 12px 12px 28px;border-radius:8px;font-size:.875rem}.auth-content .code-input input{letter-spacing:7px;font-size:1.5rem}.auth-staff-main{max-width:1260px}.auth-footer{text-align:center;padding:10px 20px 28px;font-size:.8rem;color:#71806f}
@media(min-width:1400px){.auth-shell{min-height:720px}.auth-content{padding:48px 56px 44px 36px}.auth-logo{width:250px;height:222px}}
@media(max-width:900px) and (min-width:651px){.auth-shell{grid-template-columns:45% 55%;min-height:630px}.auth-content{padding:30px 26px 30px 18px}.auth-logo{width:185px;height:165px}.auth-art:after{right:-125px}.auth-content:before{width:45px;height:45px}}
@media(max-width:650px){.auth-shell{grid-template-columns:1fr;margin:12px 0 20px;min-height:0;border-radius:16px}.auth-content{grid-row:1;padding:25px 24px 28px}.auth-logo{width:155px;height:138px;margin-bottom:20px}.auth-content:before{width:48px;height:48px;right:14px;top:14px}.auth-content h1{font-size:1.6rem}.auth-intro{font-size:.9rem;margin-bottom:20px}.auth-art{height:auto;aspect-ratio:745/792;grid-row:2}.auth-art>svg{position:static;height:100%;width:100%;background:#e5e3dd}.auth-art:after{display:none}.auth-staff-main{padding-top:15px}.auth-help{font-size:.8rem}}