*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#273747}body.albox-auth{background:#faf9f7}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b9cee8;outline-offset:3px}
.auth-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:52% 48%}.auth-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100svh;padding:48px 60px;color:white;background:#202d35;overflow:hidden}.auth-cover:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#16242ed9 0%,#16242e9c 40%,#16242ef0 100%),url('../img/home-bg.jpg') center/cover no-repeat}.auth-cover:after{content:"";position:absolute;left:60px;top:38%;width:4px;height:100px;background:#ee343d;border-radius:4px;z-index:-1}.auth-cover-brand{align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border-radius:0;background:transparent}.auth-brand-lockup{display:flex;align-items:center;gap:18px;max-width:100%}.auth-brand-lockup .auth-brand-logo{display:block;width:176px;max-width:100%;height:auto;flex-shrink:0;object-fit:contain}.auth-brand-lockup .auth-brand-anniversary{display:block;width:72px;height:72px;flex-shrink:0;object-fit:contain;border-left:1px solid #e4dac8;padding-left:14px;box-sizing:content-box}.auth-cover-content{padding:50px 0;max-width:520px}.auth-cover-kicker{font-size:11px;font-weight:600;letter-spacing:2px;color:#d5dde3}.auth-cover-content h2{font-size:clamp(40px,4.2vw,66px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:22px 0}.auth-cover-content p{font-size:16px;line-height:1.9;color:#d4dde5;margin:0}.auth-cover-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.auth-cover-tags span{font-size:12px;border:1px solid #ffffff35;border-radius:5px;padding:9px 14px;background:#ffffff08}.auth-cover-footer{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.4px;color:#cad3dc}.auth-cover-line{width:28px;height:2px;background:#ef4047}
.auth-entry{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 48px 90px;position:relative;background:#faf9f7;min-width:0}.auth-form-wrap{width:100%;max-width:390px}.auth-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#aa6d6d}.auth-form-heading{margin-bottom:34px}.auth-form-heading h1{font-size:35px;line-height:1.25;letter-spacing:-1px;font-weight:650;margin:16px 0 12px}.auth-form-heading p{font-size:15px;line-height:1.65;color:#778390;margin:0}.auth-field{margin-bottom:22px}.auth-field label{display:block;font-size:13px;font-weight:600;color:#354453;margin-bottom:10px}.auth-field input{width:100%;height:54px;border:1px solid #d7dde3;background:#fff;border-radius:8px;padding:14px 16px;color:#25394d;font-size:16px;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#9ba4ae;font-size:14px}.auth-field input:focus{border-color:#8dabc9;box-shadow:0 0 0 3px #2f6caa0c;outline:none}.auth-password{position:relative}.auth-password input{padding-right:80px}.auth-password-toggle{position:absolute;right:5px;top:5px;height:44px;min-width:64px;background:none;border:0;color:#677d91;font-size:12px;border-radius:5px}.auth-password-toggle:hover{background:#f1f5f8;color:#254a72}.auth-submit{display:flex;align-items:center;justify-content:center;gap:18px;border:0;width:100%;min-height:54px;border-radius:8px;background:#d83d43;color:#fff;font-size:15px;font-weight:600;margin-top:30px;box-shadow:0 4px 12px #d83d4317}.auth-submit:hover{background:#c82f36}.auth-submit span{font-size:22px;font-weight:400}.auth-submit:disabled{cursor:default;opacity:.8}.auth-help{margin:22px 0 0;font-size:12px;line-height:1.8;color:#8a939d;max-width:320px}.auth-entry-footer{position:absolute;bottom:28px;left:48px;right:48px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9ba4ac}.auth-mobile-brand{display:none}.auth-local-test{margin-top:24px;padding-top:20px;border-top:1px solid #e4e7e9}.auth-local-test button{min-height:44px;width:100%;padding:10px;border:1px solid #d8e0e8;color:#567088;background:transparent;font-size:12px;border-radius:8px}.auth-local-test button:hover{background:#eef3f7}.auth-alert{padding:14px 16px;margin:0 0 20px;border-radius:8px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.auth-alert p{margin:0}.auth-alert-error{color:#97333b;background:#fff0f0;border:1px solid #f2d4d7}.auth-alert-success{color:#2f705d;background:#edf7f2;border:1px solid #cfe7dc}.auth-code-help{font-size:13px;line-height:1.7;color:#788897;margin-top:-6px}.auth-field .auth-code{font-size:24px;letter-spacing:8px;text-align:center}.auth-field .auth-code::placeholder{font-size:14px;letter-spacing:0}.auth-back{display:block;text-align:center;text-decoration:none;font-size:13px;color:#6b7f92;margin-top:24px;padding:12px}.auth-preview-note{font-size:11px;color:#959fa9;margin:24px 0 0;line-height:1.7}
@media(max-width:1050px){.auth-cover{padding:40px}.auth-cover:after{left:40px}.auth-cover-brand{align-items:center}.auth-cover-content h2{font-size:45px}.auth-entry{padding:40px 32px 90px}.auth-form-heading h1{font-size:31px}.auth-entry-footer{left:32px;right:32px}}
@media(max-width:760px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-cover{display:none}.auth-entry{min-height:100vh;min-height:100svh;justify-content:flex-start;padding:36px 24px 28px}.auth-mobile-brand{width:100%;max-width:390px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:42px}.auth-mobile-brand .auth-brand-logo{width:160px}.auth-mobile-brand .auth-brand-anniversary{width:64px;height:64px}.auth-form-heading{margin-bottom:28px}.auth-form-heading h1{font-size:32px}.auth-form-heading p{font-size:14px}.auth-form-wrap{max-width:390px}.auth-field{margin-bottom:20px}.auth-entry-footer{position:static;width:100%;max-width:390px;margin-top:auto;padding-top:48px;font-size:10px}.auth-submit{margin-top:26px}.auth-help{font-size:12px}.auth-local-test{margin-top:22px}}
@media(max-width:360px){.auth-entry{padding:26px 20px}.auth-mobile-brand{margin-bottom:42px}.auth-mobile-brand .auth-brand-logo{width:144px}.auth-mobile-brand .auth-brand-anniversary{width:56px;height:56px}.auth-form-heading h1{font-size:29px}.auth-entry-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-field input{transition:none}}
