@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--xp:#0c614d;--xp2:#0b3f37;--pale:#eff7f5;--ink:#132f2a;--muted:#617870;--stroke:#d9e7e1}*{box-sizing:border-box}body.xpag-auth{margin:0;min-height:100vh;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#eff8f5 0%,#fff 50%,#e1f1ec 100%)}.xpag-auth .auth-shell{max-width:1120px;min-height:calc(100vh - 92px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:46px;padding:48px 24px}.xpag-auth .auth-visual{background:linear-gradient(155deg,#075b4b,#113c36);color:white;border-radius:28px;padding:42px;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 55px #063b2b35;overflow:hidden}.xpag-auth .auth-visual .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#b6f1d9}.xpag-auth .auth-visual h2{font-size:clamp(29px,3.3vw,45px);line-height:1.12;letter-spacing:-1.6px;margin:20px 0}.xpag-auth .auth-visual p{color:#d5f2e7;line-height:1.7}.xpag-auth .auth-image{margin-top:16px;border-radius:19px;overflow:hidden;background:#174f43;padding:12px}.xpag-auth .auth-image img{width:100%;max-height:205px;object-fit:contain;display:block}.xpag-auth .auth-login{max-width:450px;width:100%;margin:auto}.xpag-auth .auth-brand{font-weight:800;letter-spacing:-.5px;font-size:25px;color:#0b6049}.xpag-auth .auth-brand span{color:#182f2a}.xpag-auth .auth-login h1{font-size:clamp(27px,3.2vw,38px);line-height:1.2;margin:28px 0 12px;letter-spacing:-1px}.xpag-auth .auth-sub{color:var(--muted);margin:0 0 27px;line-height:1.6}.xpag-auth .auth-form{background:#fff;border:1px solid var(--stroke);border-radius:22px;padding:30px;box-shadow:0 15px 45px #1446370b}.xpag-auth .auth-form label{display:block;font-size:14px;font-weight:700;color:#203c34;margin-bottom:17px}.xpag-auth .auth-form input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid #cbdcd4;border-radius:11px;padding:11px 13px;background:#fff;color:#193b30;font-size:15px}.xpag-auth .auth-form input:focus{outline:3px solid #a1ddcb;border-color:var(--xp)}.xpag-auth .auth-form button,.xpag-auth .auth-primary{display:inline-flex;justify-content:center;align-items:center;border:0;background:var(--xp);border-radius:11px;padding:14px 20px;font-weight:800;color:#fff;cursor:pointer;font-size:15px}.xpag-auth .auth-form button[type=submit]{width:100%}.xpag-auth .auth-form button:hover{background:var(--xp2)}.xpag-auth .auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:21px;font-size:14px}.xpag-auth .auth-links a,.xpag-auth .auth-link{color:#08664f;text-decoration:none;font-weight:700}.xpag-auth .auth-links a:hover{text-decoration:underline}.xpag-auth .auth-alert{border-radius:11px;background:#fff0f0;border:1px solid #f3c5c5;color:#8d3333;padding:12px 14px;margin:12px 0;font-size:14px}.xpag-auth .auth-ok{border-radius:11px;background:#e7f8ee;border:1px solid #b9e8cc;color:#205b3d;padding:12px 14px;margin:12px 0;font-size:14px}.xpag-auth .auth-password-wrap{position:relative}.xpag-auth .auth-password-wrap input{padding-right:90px}.xpag-auth .auth-password-wrap button{position:absolute;right:9px;top:6px;background:transparent;color:#09654e;width:auto;border:0;padding:10px;font-size:12px}.xpag-auth .auth-footer{text-align:center;color:#6c8078;font-size:12px;padding:0 15px 24px}.xpag-auth .auth-topbar{padding:22px max(22px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center}.xpag-auth .auth-topbar a{text-decoration:none;color:#0c614d;font-weight:700}@media(max-width:790px){.xpag-auth .auth-shell{grid-template-columns:1fr;min-height:auto;padding:15px 16px 45px}.xpag-auth .auth-visual{min-height:auto;padding:25px;order:2}.xpag-auth .auth-visual h2{font-size:28px}.xpag-auth .auth-login{order:1;max-width:480px}.xpag-auth .auth-form{padding:23px}.xpag-auth .auth-login h1{margin-top:25px}.xpag-auth .auth-image img{max-height:120px}}