.login-body{background:var(--surface)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:var(--dark);color:#edf5e8;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;overflow:hidden;min-height:100vh}.login-message{margin:72px 0 40px}.login-message>.eyebrow{color:#aabea1;font-size:10px}.login-message h1{font-size:clamp(34px,3.4vw,58px);font-weight:550;line-height:1.55;margin:22px 0}.login-message p{font-size:13px;color:#b8c8af}.login-wave{height:160px;display:flex;align-items:center;gap:16px;margin:60px -60px 0;transform:rotate(-13deg)}.login-wave i{background:var(--lime);width:36px;border-radius:40px;flex-shrink:0;flex-grow:1;max-width:50px}.login-wave i:nth-child(1),.login-wave i:nth-child(9){height:25px}.login-wave i:nth-child(2),.login-wave i:nth-child(8){height:55px}.login-wave i:nth-child(3),.login-wave i:nth-child(7){height:100px}.login-wave i:nth-child(4),.login-wave i:nth-child(6){height:150px}.login-wave i:nth-child(5){height:195px}.login-art-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#b8c8af}.login-art-foot span{color:var(--lime)}.login-form-area{padding:48px 56px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;max-width:none;width:100%;min-height:100vh}.login-form-wrap{width:100%;max-width:370px;margin:auto}.login-form-wrap>.eyebrow{font-size:9px;color:var(--muted)}.login-form-wrap h2{font-size:36px;font-weight:600;margin:18px 0 16px}.login-form-wrap>p{color:var(--muted);font-size:13px;line-height:1.9}.login-form-wrap form{margin-top:38px}.login-form-wrap label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}.login-form-wrap input{height:52px;background:var(--bg);font-size:16px;padding:12px 16px}.login-form-wrap button{height:50px;margin-top:12px;justify-content:space-between;padding:13px 20px;font-size:13px}.login-note{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;display:flex;gap:9px;align-items:center;font-size:10px;color:var(--muted)}.login-note svg{width:16px;height:16px}.login-form-area footer{padding:24px 0 28px;width:100%;font-size:8px}.login-form-wrap #login-error{color:#a13535;font-size:12px;margin-top:12px;line-height:1.8}.logout-button{font-size:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:transparent}.logout-button:hover{background:#eaf0de}
@media(max-width:900px){.login-art{padding:36px}.login-form-area{padding:36px 32px 0}.login-message h1{font-size:34px}.login-form-wrap h2{font-size:30px}.login-wave{gap:12px}.login-wave i{width:25px}.login-note{font-size:9px}}
@media(max-width:640px){.login-layout{grid-template-columns:1fr}.login-art{min-height:auto;padding:24px 28px}.login-art>.brand{font-size:27px}.login-message{margin:30px 0 10px;position:relative}.login-message>.eyebrow{font-size:7px}.login-message h1{font-size:29px;margin:12px 0}.login-message p{font-size:10px}.login-wave{position:absolute;right:-105px;bottom:-20px;margin:0;gap:10px;width:180px;height:100px;opacity:.25}.login-wave i{width:12px}.login-art-foot{display:none}.login-form-area{min-height:470px;padding:36px 28px 0}.login-form-wrap{max-width:440px}.login-form-wrap h2{font-size:29px;margin:12px 0}.login-form-wrap>p{font-size:12px}.login-form-wrap form{margin-top:26px}.login-form-wrap .eyebrow{font-size:8px}.login-form-area footer{margin-top:30px;font-size:7px}.top-right .today{display:none}.top-right{gap:10px}}