/* Approved Sites login, scoped to native WordPress page 27. No global widget rules. */
body.page-id-27 {margin:0!important;background:#050b17;font-family:Arial,Helvetica,sans-serif}
body.page-id-27 .s360-approved-login {--background:#050b17;--foreground:#f3f7ff;--muted:#7e91aa;--panel:#ffffff07;--line:#ffffff18;min-height:100svh;position:relative;overflow:hidden;background:var(--background);color:var(--foreground);display:flex;flex-direction:column;transition:background .7s,color .7s;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
.s360-approved-login * {box-sizing:border-box}
.s360-approved-login.day {--background:#eef4fa;--foreground:#101c30;--muted:#53667f;--panel:#ffffff80;--line:#12385822}
.s360-approved-login .s360-atmosphere {position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,#1b4b7638,transparent 52%),radial-gradient(ellipse at 15% 0%,#30315822,transparent 50%)}
.s360-approved-login.day .s360-atmosphere {background:radial-gradient(ellipse at 50% 45%,#fff 5%,#d5eaff55 55%,transparent 80%)}
.s360-approved-login .earth {position:absolute;pointer-events:none;width:min(92vw,1120px);aspect-ratio:1;left:50%;top:48%;transform:translateX(-50%);border-radius:50%;overflow:hidden;opacity:1}
.s360-approved-login .earth img {width:100%;height:100%;object-fit:cover;transform:scale(1.135);border-radius:50%;mask-image:radial-gradient(circle closest-side,#000 97%,transparent 100%);animation:s360-earth-fallback-spin 240s linear infinite}
@keyframes s360-earth-fallback-spin {from{transform:scale(1.135) rotate(0deg)}to{transform:scale(1.135) rotate(360deg)}}
.s360-approved-login .earth.globe {overflow:visible;border-radius:0}
.s360-approved-login .globe canvas {display:block;width:100%;height:100%}
.s360-approved-login .s360-login-header {position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:30px 4vw;gap:20px}
.s360-approved-login .s360-brand-label {font-size:12px;font-weight:600;letter-spacing:.23em;color:var(--muted);text-decoration:none}
.s360-approved-login .s360-appearance {display:flex;gap:3px;border:1px solid var(--line);border-radius:30px;background:var(--panel);padding:4px;backdrop-filter:blur(12px)}
.s360-approved-login .s360-appearance a {display:flex;gap:7px;align-items:center;background:transparent;color:var(--muted);padding:9px 14px;border-radius:24px;font-size:14px;text-decoration:none;line-height:20px}
.s360-approved-login .s360-appearance a[aria-pressed=true] {background:#347fb82b;color:var(--foreground);box-shadow:inset 0 0 0 1px #78b8dd33}
.s360-approved-login .s360-signin-stage {position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 24px 100px;gap:38px}
.s360-approved-login .s360-signin-stage[hidden],.s360-approved-login #register[hidden] {display:none!important}
.s360-approved-login #register:not(:target) {display:none}
.s360-approved-login:has(#register:target) .s360-signin-stage {display:none}
.s360-approved-login .s360-logo-link {display:block;width:min(540px,85vw)}
.s360-approved-login .s360-signin-logo {display:block;width:100%;height:auto}
.s360-approved-login .s360-signin-fields {width:min(330px,100%);display:flex;flex-direction:column;gap:16px}
.s360-approved-login form[data-form-id="21"] {display:flex;flex-direction:column;gap:16px;margin:0;width:100%}
.s360-approved-login form[data-form-id="21"] .jet-form-builder-row {margin:0;padding:0;width:100%;border:0}
.s360-approved-login form[data-form-id="21"] .jet-form-builder__label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.s360-approved-login form[data-form-id="21"] .field-type-switcher {display:none}
.s360-approved-login form[data-form-id="21"] .jet-form-builder__field-wrap {width:100%}
.s360-approved-login form[data-form-id="21"] input:not([type="hidden"]):not([type="checkbox"]) {width:100%;height:52px;padding:0 17px;border:1px solid #a6c3df55;border-radius:9px;background:#081321d9;color:#fff;font:400 16px Arial,Helvetica,sans-serif;backdrop-filter:blur(16px);box-shadow:none}
.s360-approved-login form[data-form-id="21"] input::placeholder {color:#b6c7d9;opacity:1}
.s360-approved-login :is(input,a,button):focus-visible {outline:2px solid #6ebbf0;outline-offset:3px}
.s360-approved-login form[data-form-id="21"] .jet-form-builder__submit-wrap {width:100%;display:flex}
.s360-approved-login form[data-form-id="21"] .jet-form-builder__submit {width:100%;height:52px;display:flex;align-items:center;justify-content:center;padding:0 17px;background:#237ab7;color:#fff;border:0;border-radius:9px;font:400 16px Arial,Helvetica,sans-serif;letter-spacing:.05em;cursor:pointer}
.s360-approved-login form[data-form-id="21"] .jet-form-builder__submit:hover {background:#2b8bca}
.s360-approved-login .s360-register-link {align-self:center;margin-top:5px;color:var(--foreground);font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:4px}
.s360-approved-login .jet-form-builder-messages-wrap:empty {display:none}
.s360-approved-login form[data-form-id="21"] .jet-form-builder-message {color:var(--foreground);font-size:14px;line-height:1.5;border-radius:9px;background:#172536;border:1px solid #e6a08366;padding:12px}
.s360-approved-login.day form[data-form-id="21"] input:not([type="hidden"]):not([type="checkbox"]) {background:#ffffffed;color:#101c30;border-color:#748aa677}
.s360-approved-login.day form[data-form-id="21"] input::placeholder {color:#53667f}
.s360-approved-login.day form[data-form-id="21"] .jet-form-builder-message {background:#fff;color:#101c30}
.s360-approved-login .s360-recovery-link {display:none;color:var(--foreground);font-size:14px;text-align:center}
.s360-approved-login .s360-signin-fields:has(.jet-form-builder-message--error) .s360-recovery-link {display:block}
.s360-approved-login #register {position:relative;z-index:2;width:min(560px,calc(100% - 40px));margin:20px auto 60px;padding:30px;border-radius:18px;background:#eaf5ff;color:#142033}
.s360-approved-login #register h2 {font-size:28px;color:#142033;margin:0 0 16px}
.s360-approved-login #register input,.s360-approved-login #register select {max-width:100%}
@media(max-width:600px){.s360-approved-login .s360-login-header{padding:22px 20px}.s360-approved-login .s360-brand-label{font-size:10px}.s360-approved-login .s360-appearance a{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){body.page-id-27 .s360-approved-login{transition:none}.s360-approved-login .earth img{animation:none}}