/* Login presentation only. The authentication POST and original public.js are unchanged. */
body.public-body.snp-login-body {margin:0;background:#f8faf9;color:#233f4e;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:0;min-height:100dvh}
.snp-login-body * {box-sizing:border-box}
.snp-login-body [hidden] {display:none!important}
.snp-login-body .snp-icon {height:20px;width:20px;display:inline-block;flex-shrink:0;vertical-align:middle}
body.snp-login-body .public-ambient {display:none}
body.snp-login-body .premium-public-nav {width:100%;position:relative;top:0;max-width:none;padding:14px 4.5%;min-height:77px;border:0;border-bottom:1px solid #e6ece8;border-radius:0;background:#fff;box-shadow:none;margin:0;gap:20px}
body.snp-login-body .premium-public-logo {background:none;border:0;box-shadow:none;padding:0;min-height:0}
body.snp-login-body .premium-public-logo img {width:170px;max-width:100%;height:49px;object-fit:contain}
body.snp-login-body .public-nav-links {gap:25px}
body.snp-login-body .public-nav-links>a {font-size:11px;color:#899891;font-weight:500}
body.snp-login-body .public-nav-links>.btn {font-size:11px;border:1px solid #dce8e1;background:#f4f9f6;box-shadow:none;color:#53836a;min-height:36px;border-radius:7px;padding:8px 14px}
body.snp-login-body .premium-public-footer {display:none}
body.snp-login-body .snp-login-page {width:min(1280px,100%);margin:0 auto;padding:30px;min-height:calc(100dvh - 78px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0;align-items:stretch}
body.snp-login-body .snp-login-story {position:relative;overflow:hidden;display:flex;flex-direction:column;padding:43px 44px 28px;background:linear-gradient(145deg,#143747,#1b4651 75%,#254e56);border:1px solid #173f4b;border-radius:19px;min-height:650px;color:#fff}
body.snp-login-body .snp-welcome-label {display:flex;align-items:center;gap:8px;font-size:8px;color:#8cb7a8;letter-spacing:.14em;line-height:1.6;margin-bottom:23px}
body.snp-login-body .snp-welcome-label i {width:5px;height:5px;background:#8ac8ad;border-radius:50%}
body.snp-login-body .snp-login-story h1 {font-size:40px;line-height:1.23;font-weight:600;letter-spacing:-.045em;margin:0 0 19px;color:#fff}
body.snp-login-body .snp-login-story p {font-size:13px;line-height:1.9;color:#9ebec5;margin:0;font-weight:400}
body.snp-login-body .snp-login-visual {position:relative;flex:1;min-height:270px;margin:20px 0 12px}
body.snp-login-body .snp-login-ring {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border:1px solid #88afa02b;border-radius:50%}
body.snp-login-body .snp-login-ring::after {content:"";position:absolute;inset:33px;border:1px dashed #88afa02e;border-radius:50%}
body.snp-login-body .snp-login-building {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);display:flex;align-items:center;justify-content:center;flex-direction:column;width:145px;height:160px;background:linear-gradient(135deg,#567d7b40,#47717618);border:1px solid #aad6bb4a;border-radius:28px;box-shadow:0 21px 40px #072e3530;color:#b4d6c4}
body.snp-login-body .snp-login-building>.snp-icon {height:61px;width:61px;stroke-width:.8;transform:rotate(6deg);margin:0 0 12px}
body.snp-login-body .snp-login-building>span {font-size:14px;color:#b6d0cc;font-weight:550;letter-spacing:-.03em;transform:rotate(6deg)}
body.snp-login-body .snp-login-building>small {font-size:6px;color:#8aaea5;letter-spacing:.28em;margin-top:5px;transform:rotate(6deg)}
body.snp-login-body .snp-login-float {position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #8ab4a739;border-radius:11px;background:#315e66;color:#b0d8c4;box-shadow:0 7px 20px #062a3020;z-index:2}
body.snp-login-body .snp-login-float>.snp-icon {height:17px;width:17px;stroke-width:1.5}
body.snp-login-body .snp-login-float>span {font-size:9px;letter-spacing:.01em;color:#b4cecf}
body.snp-login-body .snp-float-phone {left:8px;top:26%;transform:rotate(-5deg)}
body.snp-login-body .snp-float-video {right:-2px;top:47%;transform:rotate(6deg);background:#355d6b;color:#b5cbd4}
body.snp-login-body .snp-float-shield {left:48px;bottom:7%;transform:rotate(-4deg);background:#396365}
body.snp-login-body .snp-login-story-bottom {display:flex;justify-content:space-between;gap:10px;border-top:1px solid #b0cec41c;padding-top:25px;margin-top:10px}
body.snp-login-body .snp-login-story-bottom>span {display:flex;align-items:center;gap:6px;font-size:9px;color:#88aeb3}
body.snp-login-body .snp-login-story-bottom .snp-icon {height:14px;width:14px;stroke-width:1.5;color:#8db4a2}
body.snp-login-body .snp-login-form-area {display:flex;flex-direction:column;justify-content:center;padding:28px 15px 8px 65px;min-width:0}
body.snp-login-body .snp-login-form-card {width:100%;max-width:380px;margin:auto}
body.snp-login-body .snp-login-logo {display:block;margin-bottom:21px}
body.snp-login-body .snp-login-logo>img {width:185px;height:74px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
body.snp-login-body .snp-eyebrow {display:block;font-size:8px;font-weight:600;letter-spacing:.14em;line-height:1.5;color:#95a29c;margin-bottom:10px}
body.snp-login-body .snp-login-form-card h2 {font-size:28px;font-weight:600;letter-spacing:-.05em;line-height:1.25;margin:0 0 11px;color:#2b4753}
body.snp-login-body .snp-login-form-card>p {font-size:11px;line-height:1.7;color:#9aa7a1;margin:0 0 31px}
body.snp-login-body .snp-login-form label {display:block;color:#5c746c;font-size:11px;font-weight:550;margin:0 0 8px}
body.snp-login-body .snp-login-input {display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid #dfe8e3;border-radius:8px;background:#fff;min-height:47px;margin:0 0 21px;box-shadow:0 1px 3px #293d2a02}
body.snp-login-body .snp-login-input:focus-within {border-color:#90bcaa;box-shadow:0 0 0 3px #eaf4ed}
body.snp-login-body .snp-login-input>.snp-icon {height:16px;width:16px;color:#a6b7af;stroke-width:1.6}
body.snp-login-body .snp-login-input>input {flex:1;min-width:0;min-height:46px;border:0;box-shadow:none!important;outline:none!important;background:none;margin:0;border-radius:0;padding:10px 0;font:12px "Segoe UI",Arial,sans-serif;color:#52685d}
body.snp-login-body .snp-login-input>input::placeholder {font-size:11px;color:#b0bab3}
body.snp-login-body .snp-login-input>button {border:0;background:transparent;padding:7px 0 7px 7px;color:#93a69b;font-size:10px;font-family:inherit;cursor:pointer}
body.snp-login-body .snp-password-label {display:flex;align-items:center;justify-content:space-between;gap:10px}
body.snp-login-body .snp-password-label>span {color:#b0bcb4;font-size:8px;margin-bottom:8px}
body.snp-login-body .snp-login-info {display:flex;align-items:flex-start;gap:7px;color:#9aaea2;font-size:10px;line-height:1.7;margin:-3px 0 23px}
body.snp-login-body .snp-login-info .snp-icon {height:14px;width:14px;margin-top:2px;color:#9db1a4}
body.snp-login-body .snp-login-submit {display:flex;align-items:center;justify-content:center;gap:15px;width:100%;border:1px solid #0a7c5f;background:#0a7c5f;border-radius:8px;color:#fff;min-height:47px;box-shadow:0 4px 8px #0879610d;font:550 12px "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .16s}
body.snp-login-body .snp-login-submit:hover {background:#066c51;border-color:#066c51}
body.snp-login-body .snp-login-submit .snp-icon {height:17px;width:17px}
body.snp-login-body .snp-login-help {display:flex;align-items:flex-start;gap:8px;padding:17px 0 23px;margin:0;border-bottom:1px solid #e2eae5;color:#a8b3ac;line-height:1.7;font-size:10px}
body.snp-login-body .snp-login-help .snp-icon {height:14px;width:14px;margin-top:3px;stroke-width:1.6;color:#a7b5ac}
body.snp-login-body .snp-login-help p {margin:0;line-height:1.8}
body.snp-login-body .snp-login-help b {font-weight:550;color:#829a8a}
body.snp-login-body .snp-login-register {padding:23px 0 5px;font-size:10px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
body.snp-login-body .snp-login-register>span {color:#a3b0a8}
body.snp-login-body .snp-login-register>a {color:#569578;display:inline-flex;gap:5px;align-items:center;text-decoration:none;font-weight:550}
body.snp-login-body .snp-login-register .snp-icon {height:13px;width:13px}
body.snp-login-body .snp-login-bottom {display:flex;justify-content:space-between;color:#b4beb7;font-size:9px;max-width:380px;width:100%;margin:30px auto 0;padding-top:15px;gap:15px}
body.snp-login-body .snp-login-bottom a {text-decoration:none;color:#a2b2a7}
body.snp-login-body .snp-login-error {display:flex;gap:10px;padding:13px;background:#fff0f2;border:1px solid #f2dce0;border-radius:9px;margin:0 0 23px;color:#b65b6b;font-size:11px;line-height:1.7}
body.snp-login-body .snp-login-error b,body.snp-login-body .snp-login-error span {display:block}
body.snp-login-body .snp-login-error .snp-icon {height:17px;width:17px;margin-top:2px}
body.snp-login-body .snp-caps-warning {padding:7px 10px;background:#fcf3e7;border:1px solid #f0e1ce;color:#b18b58;border-radius:6px;font-size:10px;margin:-11px 0 18px}
body.snp-login-body :where(a,button,input):focus-visible {outline:3px solid #56b28a66;outline-offset:3px}
@media(min-width:1550px) {body.snp-login-body .snp-login-page {padding-top:45px;padding-bottom:45px;min-height:calc(100dvh - 79px)}body.snp-login-body .snp-login-story {padding-top:54px;padding-bottom:38px;max-height:850px}body.snp-login-body .snp-login-form-area {max-height:850px}}
@media(max-width:1080px) {body.snp-login-body .snp-login-page {padding:22px;grid-template-columns:1fr 1fr}body.snp-login-body .snp-login-form-area {padding-left:35px;padding-right:10px}body.snp-login-body .snp-login-story {padding:35px 28px 25px}body.snp-login-body .snp-login-story h1 {font-size:34px}body.snp-login-body .snp-login-story p {font-size:12px}body.snp-login-body .snp-float-phone {left:-10px}body.snp-login-body .snp-float-video {right:-13px}body.snp-login-body .snp-float-shield {left:8px}body.snp-login-body .snp-login-story-bottom>span {font-size:8px;gap:4px}body.snp-login-body .snp-login-form-card h2 {font-size:26px}}
@media(max-width:800px) {body.snp-login-body .snp-login-page {grid-template-columns:1fr;max-width:540px;padding:0 25px 22px;min-height:calc(100dvh - 71px)}body.snp-login-body .snp-login-story {display:none}body.snp-login-body .snp-login-form-area {padding:26px 8px 0}body.snp-login-body .snp-login-logo {margin-bottom:20px}body.snp-login-body .snp-login-logo>img {height:80px;width:195px}body.snp-login-body .snp-login-form-card>p {margin-bottom:29px}body.snp-login-body .premium-public-nav {min-height:70px;padding:11px 24px}body.snp-login-body .premium-public-logo img {width:145px;height:44px}body.snp-login-body .public-nav-links {gap:20px}body.snp-login-body .snp-login-bottom {margin-top:30px}body.snp-login-body .snp-login-input>input {font-size:16px}body.snp-login-body .snp-login-input>input::placeholder {font-size:12px}body.snp-login-body .snp-login-input {min-height:50px}body.snp-login-body .snp-login-input>input {min-height:49px}body.snp-login-body .snp-login-submit {min-height:49px}}
@media(max-width:450px) {body.snp-login-body .premium-public-nav {padding:12px 20px}body.snp-login-body .snp-login-page {padding:0 20px 20px}body.snp-login-body .snp-login-form-area {padding:17px 0 0}body.snp-login-body .snp-login-form-card h2 {font-size:28px}body.snp-login-body .snp-login-logo {margin-bottom:18px}body.snp-login-body .snp-login-register {font-size:10px;gap:10px}body.snp-login-body .snp-login-help {padding-bottom:23px}body.snp-login-body .snp-login-bottom {margin-top:27px}body.snp-login-body .public-nav-links.open {background:#fff;border:1px solid #e1e9e4;border-radius:10px;box-shadow:0 8px 24px #23413211}body.snp-login-body .public-nav-links.open>a {display:block;font-size:12px}}
@media(prefers-reduced-motion:reduce) {body.snp-login-body * {transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Operational readability, retaining the same layout on small screens. */
body.snp-login-body .public-nav-links>a {font-size:12px;color:#567365}
body.snp-login-body .snp-eyebrow {font-size:10px;color:#627e6e}
body.snp-login-body .snp-login-form-card>p {font-size:13px;color:#687d73}
body.snp-login-body .snp-login-form label {font-size:12px;color:#466457}
body.snp-login-body .snp-login-input>input {font-size:14px;color:#3f5d4e}
body.snp-login-body .snp-login-input>input::placeholder {font-size:12px;color:#7b8f83}
body.snp-login-body .snp-login-input>button {font-size:11px;color:#4e7762}
body.snp-login-body .snp-password-label>span {font-size:10px;color:#73897a}
body.snp-login-body .snp-login-info {font-size:11px;color:#697f72}
body.snp-login-body .snp-login-help {font-size:11px;color:#6e8275}
body.snp-login-body .snp-login-help b {color:#456851}
body.snp-login-body .snp-login-submit {font-size:13px}
body.snp-login-body .snp-login-register {font-size:11px}
body.snp-login-body .snp-login-register>span {color:#6d8274}
body.snp-login-body .snp-login-register>a {color:#327753}
body.snp-login-body .snp-login-bottom,body.snp-login-body .snp-login-bottom a {color:#6f8576;font-size:10px}
body.snp-login-body .snp-login-story-bottom>span {color:#b0cec8;font-size:10px}
body.snp-login-body .snp-welcome-label {font-size:10px;color:#aecfbc}
@media(max-width:800px) {body.snp-login-body .snp-login-input>input {font-size:16px}}