*{box-sizing:border-box;margin:0;padding:0}
.login-page{min-height:100vh;min-height:100dvh;background:#f8faf7;padding:30px}
.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);max-width:1440px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden}
.login-story{display:flex;flex-direction:column;padding:38px 46px;background:#e9f2eb;position:relative;overflow:hidden}.login-story .brand-mark{background:#183d32}.login-story .brand-lockup small{color:#547463}
.story-content{margin:auto 0;padding:45px 0 0}.story-content h2{font-size:clamp(36px,4vw,59px);font-weight:650;letter-spacing:-2.6px;line-height:1.12;margin:20px 0;color:#183d32}.story-content p{max-width:390px;font-size:16px;line-height:1.8;color:#5b7569}.story-footnote{font-size:12px;color:#648272;margin-top:25px}
.story-illustration{position:relative;height:240px;margin:35px 0 0}.illustration-table{position:absolute;border-radius:24px;border:2px solid #b0ccba;background:#d9e8dd;width:85px;height:85px;display:grid;place-items:center;color:#5b806a;font-size:24px;transform:rotate(-10deg)}.illustration-table i{position:absolute;left:22px;top:-18px;width:40px;height:12px;background:#b7cebd;border-radius:6px}.illustration-table i+i{top:auto;bottom:-18px}.table-one{left:5%;top:12px}.table-two{left:8%;top:150px}.table-three{left:38%;top:92px;transform:rotate(8deg)}.illustration-ticket{position:absolute;right:0;top:10px;padding:25px;background:#fffdf6;transform:rotate(8deg);border-radius:12px;width:190px;box-shadow:0 14px 30px #31574015}.illustration-ticket span,.illustration-ticket small{font-size:9px;letter-spacing:2px;color:#7c8d7e}.illustration-ticket b{display:block;font-size:18px;line-height:1.4;font-weight:600;margin:15px 0}.illustration-ticket div{height:5px;background:#e7eade;border-radius:3px;margin-bottom:8px}.illustration-ticket div+div{width:60%}.illustration-ticket small{display:block;padding-top:18px;margin-top:18px;border-top:1px dashed #d9decd}
.login-form-area{display:grid;place-items:center;padding:48px}.box{width:100%;max-width:380px}.box h1{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:12px 0}.login-subtitle{font-size:14px;color:var(--muted);margin-bottom:30px}.login-mobile-brand{display:none}.tabs{display:flex;background:#f0f4f0;border:1px solid var(--line);border-radius:13px;padding:5px;margin:22px 0}.tab{flex:1;border:0;border-radius:9px;background:transparent;padding:11px;font-size:14px;color:var(--muted)}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #18363210;font-weight:650}
label{display:block;font-size:13px;font-weight:600;margin:20px 0 7px}input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);background:#fcfdfb;font-size:16px}input:focus{outline:2px solid #087f7022;border-color:var(--accent)}#btn-login{display:block;width:100%;min-height:50px;margin-top:26px;border:0;border-radius:12px;background:var(--accent);color:white;font-size:15px;font-weight:650}#btn-login:hover{background:var(--accent-hover)}.error{padding:12px 14px;border:1px solid #edc7c7;border-radius:10px;background:#fff3f1;color:var(--danger);font-size:13px}.hint{font-size:11px;text-align:center;color:var(--muted);margin-top:24px;line-height:1.8}
@media(max-width:900px){.login-story{padding:32px}.login-form-area{padding:32px}.story-content h2{font-size:40px}.table-three{display:none}}
@media(max-width:700px){.login-page{padding:0;background:#fff}.login-layout{display:block;min-height:100dvh;border:0;border-radius:0}.login-story{display:none}.login-form-area{padding:40px 24px;min-height:100dvh}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.login-mobile-brand strong{font-size:22px}.box h1{font-size:30px}.box{max-width:400px}.hint{margin-top:30px}}