:root{--login-orange:#f28a12;--login-dark:#0b0b0b;--login-soft:#f5f2ed;--login-line:#d8d3cb}.client-login-page{background:var(--login-soft);color:#171717;grid-template-rows:auto 1fr auto;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:grid}.client-login-page *{box-sizing:border-box}.client-login-page>header{border-bottom:6px solid var(--login-orange);background:#080808;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:0 max(22px,50vw - 590px);display:flex}.client-login-page>header img{object-fit:contain;width:250px;height:72px}.client-login-page>header>a:last-child{color:#fff;font-size:13px;font-weight:850;text-decoration:none}.client-login-shell{grid-template-columns:1fr 500px;align-items:center;gap:70px;width:min(1120px,100% - 36px);margin:48px auto;display:grid}.client-login-intro>span{color:#a85b08;letter-spacing:.16em;font-size:12px;font-weight:950}.client-login-intro h1{letter-spacing:-.045em;margin:15px 0 23px;font-size:clamp(48px,6vw,72px);line-height:.98}.client-login-intro h1 em{color:#e67e0a;font-style:normal}.client-login-intro>p{color:#5f5f5f;max-width:560px;font-size:18px;line-height:1.6}.client-login-intro>p b{color:#222}.client-login-badges{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.client-login-badges span{border:1px solid var(--login-line);background:#fff;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:850}.client-login-card{border:1px solid var(--login-line);border-top:7px solid var(--login-orange);background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #352a1b18}.client-login-step{align-items:center;gap:13px;margin-bottom:27px;display:flex}.client-login-step>b{background:var(--login-orange);border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.client-login-step>span{gap:3px;display:grid}.client-login-step small{color:#8d5517;letter-spacing:.12em;font-size:10px;font-weight:950}.client-login-step strong{font-size:20px}.client-login-card>label{color:#555;letter-spacing:.06em;gap:8px;font-size:11px;font-weight:950;display:grid}.client-login-card input{width:100%;font:inherit;color:#111;background:#fff;border:1px solid #bdb8b0;border-radius:10px;padding:14px;font-size:16px}.client-login-card input:focus{border-color:var(--login-orange);outline:3px solid #f28a1230}.client-login-card .client-code-input{text-align:center;letter-spacing:.28em;padding-left:calc(14px + .28em);font-size:34px;font-weight:950}.client-login-card>button{background:var(--login-orange);color:#111;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:18px;padding:15px 18px;font-size:15px;font-weight:950}.client-login-card>button:disabled{opacity:.55;cursor:wait}.client-login-help{text-align:center;color:#777;margin:12px 0 0;font-size:11px}.client-login-notice{color:#176b3f;background:#eef7f1;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:12px;font-weight:800}.client-login-error{color:#943a31;background:#fae9e6;border-radius:9px;margin-top:14px;padding:11px 13px;font-size:12px;font-weight:850}.client-login-secondary{justify-content:center;gap:18px;margin-top:14px;display:flex}.client-login-secondary button{color:#8a4d08;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:900}.client-login-secondary button:disabled{opacity:.5}.client-login-page>footer{color:#777;border-top:1px solid #ddd8d0;justify-content:space-between;gap:20px;padding:18px max(22px,50vw - 590px);font-size:11px;display:flex}.client-login-page>footer a{color:#333;font-weight:850}@media (width<=850px){.client-login-page>header{padding:10px 18px}.client-login-page>header img{width:205px;height:58px}.client-login-shell{grid-template-columns:1fr;gap:22px;margin:28px auto}.client-login-intro h1{font-size:48px}.client-login-intro>p{font-size:16px}.client-login-card{padding:23px}.client-login-page>footer{padding:16px 18px}}@media (width<=520px){.client-login-page>header>a:last-child{font-size:10px}.client-login-badges{display:grid}.client-login-secondary{gap:5px;display:grid}.client-login-page>footer{display:grid}}
