.sosgps-login-premium{position:relative;isolation:isolate;max-width:1200px;margin:20px auto;border-radius:22px;overflow:hidden;color:#fff;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#07182c url('login-landscape.webp') center center/cover no-repeat;box-shadow:0 25px 70px #0c1a3660}.sosgps-login-premium:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06182bb0,#081c2c52 48%,#06182b78)}.sosgps-login-wrap{padding:26px 22px 18px;min-height:690px;display:flex;flex-direction:column;align-items:center}.sosgps-brand{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;text-shadow:0 2px 8px #000}.sosgps-brand img{width:105px;height:95px;object-fit:contain}.sosgps-login-card{margin:0 auto;max-width:490px;width:100%;padding:27px 36px 18px;box-sizing:border-box;text-align:center;border:1.5px solid #37b9ffb0;border-radius:26px;background:linear-gradient(155deg,#091b30f5,#071325f3);box-shadow:0 15px 55px #0009,0 0 28px #087bff24;backdrop-filter:blur(14px)}.sosgps-shield{font-size:40px;margin-bottom:4px}.sosgps-login-card h2{font-size:29px;letter-spacing:1px;margin:0;color:white;font-weight:850;line-height:1.3}.sosgps-login-card h2 em{font-style:normal;color:#54c2ff}.sosgps-login-card h3{font-size:21px;font-weight:600;color:#b8d6f4;margin:4px 0 10px}.sosgps-login-card>p{font-size:14px;line-height:1.6;color:#d1e1f1;margin:0 0 22px}.sosgps-login-card small{color:#aec7df;font-size:12px}.sosgps-pin-form{margin:0}.sosgps-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sosgps-real-pin{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.sosgps-pin-slots{display:flex;gap:8px;justify-content:center;margin-bottom:8px;cursor:text}.sosgps-pin-slot{width:48px;height:57px;border:2px solid #56718c;border-radius:13px;display:grid;place-items:center;font-size:25px;font-weight:700;background:#071528c9;color:#d5eaff;transition:box-shadow .15s,border-color .15s}.sosgps-pin-slot.filled:after{content:'●';font-size:17px}.sosgps-pin-slot.active{border-color:#3bbdff;box-shadow:0 0 0 2px #189afa30,0 0 15px #1da8ff78}.sosgps-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:21px auto 12px;max-width:345px}.sosgps-key{border:1px solid #536d89;border-radius:12px;background:linear-gradient(145deg,#243b58,#15263f);color:#fff;font-size:24px;font-weight:700;min-height:56px;cursor:pointer;transition:transform .1s,background .1s}.sosgps-key:hover,.sosgps-key:focus-visible{background:#33597d;outline:2px solid #4abaff;outline-offset:1px}.sosgps-key:active{transform:scale(.95)}.sosgps-key-submit{background:linear-gradient(140deg,#32b9ff,#2163f0);border-color:#32b9ff}.sosgps-secure{font-size:12px;color:#a9c1d9;margin:16px 0 0}.sosgps-login-error{background:#7b2438;border:1px solid #ff7c98;color:white;border-radius:10px;padding:10px;margin:0 0 13px;font-size:13px}.sosgps-login-footer{margin-top:auto;padding-top:22px;text-align:center;color:#e1ecf8;text-shadow:0 2px 5px #000;font-size:13px;line-height:2}.sosgps-login-footer strong{color:#59c4ff}.sosgps-premium-portal{max-width:1050px!important}.sosgps-portal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e2eaf2;padding-bottom:18px;margin-bottom:20px}.sosgps-portal-header p{margin:7px 0 0}.sosgps-logout-btn{background:#fff;border:1px solid #e6a1a1;border-radius:10px;color:#a32332;padding:12px 16px;cursor:pointer;font-weight:700;white-space:nowrap}.sosgps-logout-btn:hover{background:#fff0f0}.sosgps-premium-portal [hidden],.sosgps-viewer[hidden]{display:none!important}.sosgps-premium-portal .gps-card:hover{border-color:#339cdd;background:#eef8ff}.sosgps-popup{min-width:210px;color:#14243b;font:14px system-ui}.sosgps-popup>strong{font-size:16px;color:#1263a8}.sosgps-popup dl{display:grid;grid-template-columns:1fr 1.25fr;gap:6px 12px;margin:10px 0 0}.sosgps-popup dt{color:#536274}.sosgps-popup dd{margin:0;font-weight:600;overflow-wrap:anywhere}@media(max-width:650px){.sosgps-login-premium{border-radius:14px;background-position:62% center}.sosgps-login-wrap{padding:12px;min-height:calc(100dvh - 100px)}.sosgps-brand img{width:72px;height:66px}.sosgps-brand span{font-size:11px}.sosgps-login-card{padding:22px 16px 15px;border-radius:20px;margin:12px auto}.sosgps-login-card h2{font-size:22px}.sosgps-login-card h3{font-size:18px}.sosgps-pin-slot{width:calc((100vw - 105px)/6);max-width:43px;height:50px;border-radius:9px}.sosgps-pin-slots{gap:5px}.sosgps-key{min-height:52px}.sosgps-portal-header{flex-wrap:wrap}.sosgps-login-footer{font-size:11px}}

/* v2.4.4: mobile-first PWA layout; scenic photo has no pre-rendered UI */
.sosgps-login-premium{background-position:center;background-color:#06182c}
.sosgps-login-wrap{min-height:650px}
.sosgps-login-card{position:relative;z-index:1}
.sosgps-login-premium .sosgps-key,.sosgps-login-premium .sosgps-pin-slot{box-sizing:border-box}
@media(max-width:650px){
.sosgps-login-premium{width:100%;max-width:100%;margin:0 auto;border-radius:16px;background-position:right center}
.sosgps-login-wrap{min-height:unset;padding:12px 10px 22px}
.sosgps-login-card{width:100%;max-width:440px;margin:12px auto;padding:20px 12px 18px}
.sosgps-login-card h2{font-size:clamp(18px,5vw,23px)}
.sosgps-pin-slots{gap:clamp(3px,1.1vw,7px)}
.sosgps-pin-slot{width:clamp(32px,11vw,44px);height:52px;flex:0 1 44px}
.sosgps-keypad{width:100%;max-width:330px;gap:8px}
.sosgps-key{min-height:54px;touch-action:manipulation}
.sosgps-login-footer{padding-top:12px}
.sosgps-premium-portal{padding:16px!important}
.sosgps-portal-header{align-items:stretch}
.sosgps-logout-btn{width:100%}
}
@media(max-width:360px){.sosgps-login-card{padding:18px 8px}.sosgps-pin-slot{width:30px;height:46px}.sosgps-key{min-height:49px}}