/* COSPAM_V365_LOGIN_SAPPHIRE_FINISH - visual only */
html[data-theme="dark"]{color-scheme:dark}
/* Shared client navigation/footer; admin area excluded */
body:not(:has(.admin-layout)) .topbar .site-nav .nav-dashboard-cta,
body:not(:has(.admin-layout)) .topbar .site-nav .nav-register{background:linear-gradient(110deg,#0951a5,#137de8)!important;border:1px solid rgba(106,178,255,.45)!important;box-shadow:0 9px 28px rgba(6,74,157,.26)!important;color:#eff8ff!important}
body:not(:has(.admin-layout)) .topbar .site-nav.is-open{background:linear-gradient(155deg,rgba(8,21,39,.98),rgba(3,11,22,.99))!important;border-color:rgba(75,143,211,.27)!important;box-shadow:0 25px 65px rgba(0,4,13,.6)!important}
body:not(:has(.admin-layout)) .site-footer{background:radial-gradient(ellipse at 9% 0,rgba(18,91,165,.16),transparent 45%),linear-gradient(180deg,#081526,#040b14)!important;border-top:1px solid rgba(90,159,232,.22)!important;color:#d9e8fa!important}
body:not(:has(.admin-layout)) .site-footer .footer-cloud-mark{background:linear-gradient(145deg,#0a55a9,#1684f0)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important}
body:not(:has(.admin-layout)) .site-footer-column>a:hover{color:#7ac1ff!important}
body:not(:has(.admin-layout)) .support-launcher-button{background:linear-gradient(145deg,#103e73,#0a69cb)!important;border:1px solid rgba(99,180,255,.44)!important;box-shadow:0 0 0 1px rgba(94,172,255,.1),0 16px 38px rgba(0,8,24,.45)!important;max-width:calc(100vw - 28px)}
body:not(:has(.admin-layout)) .support-launcher .support-avatar-ring{flex:0 0 auto;aspect-ratio:1/1}
@media(max-width:760px){body:not(:has(.admin-layout)) .support-launcher-button{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;padding:3px!important;border-radius:50%!important;aspect-ratio:1/1!important;display:grid!important;place-items:center!important}body:not(:has(.admin-layout)) .support-launcher .support-avatar-ring{width:44px!important;height:44px!important;max-width:44px!important;border-radius:50%!important}body:not(:has(.admin-layout)) .support-launcher-copy{display:none!important}}
/* Login exclusively: do not modify POST /login, CSRF, Google OAuth or errors */
body:has(.login-card-modern){background:radial-gradient(ellipse 68% 36% at 50% 12%,rgba(20,99,191,.20),transparent 80%),linear-gradient(165deg,#061427,#030a15 70%,#071628)!important;color:#eff7ff!important}
body:has(.login-card-modern) main.wrap{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100dvh - 260px);padding-top:clamp(24px,5vh,64px);padding-bottom:60px}
body:has(.login-card-modern) .login-card-modern{position:relative;isolation:isolate;overflow:hidden;min-width:0;width:min(100%,465px);margin:0!important;padding:clamp(23px,5vw,38px)!important;background:radial-gradient(circle at 80% 0,rgba(35,116,212,.18),transparent 50%),linear-gradient(140deg,rgba(17,43,75,.91),rgba(4,15,30,.95))!important;border:1px solid rgba(115,184,246,.29)!important;border-radius:24px!important;box-shadow:inset 0 1px 0 rgba(206,234,255,.15),0 25px 85px rgba(0,5,17,.56),0 0 65px rgba(13,78,160,.08)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
body:has(.login-card-modern) .login-card-modern::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(140,211,255,.75),transparent);pointer-events:none}
body:has(.login-card-modern) .login-card-modern .eyebrow{color:#80c3ff!important;letter-spacing:.13em;text-transform:uppercase}
body:has(.login-card-modern) .login-card-modern h1{font-size:clamp(27px,5vw,38px);line-height:1.15;color:#f2f9ff;letter-spacing:-.035em}
body:has(.login-card-modern) .login-card-modern .note{color:#a9bfd7}
body:has(.login-card-modern) .login-card-modern label{color:#d7e8fa;font-size:13px;font-weight:750}
body:has(.login-card-modern) .login-card-modern input{display:block;width:100%;margin-top:7px;background:rgba(5,17,35,.85)!important;color:#f3f9ff!important;border:1px solid rgba(99,155,219,.32)!important;border-radius:12px!important;min-height:48px;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)}
body:has(.login-card-modern) .login-card-modern input:focus{outline:2px solid rgba(56,153,255,.32)!important;outline-offset:1px;border-color:#58a9ff!important}
body:has(.login-card-modern) .login-card-modern form .wide-btn{width:100%;border:1px solid #3c9eff!important;border-radius:12px!important;min-height:49px;background:linear-gradient(105deg,#0757ba,#1684ed)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,78,165,.25)!important;font-weight:800}
body:has(.login-card-modern) .login-card-modern .google-login-btn{background:rgba(9,24,44,.87)!important;border:1px solid rgba(111,174,236,.35)!important;color:#ecf5ff!important;border-radius:12px!important;min-height:49px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body:has(.login-card-modern) .login-card-modern .google-g{background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text}
body:has(.login-card-modern) .login-card-modern .oauth-divider{color:#88a8c9}
body:has(.login-card-modern) .login-card-modern .oauth-divider:before,body:has(.login-card-modern) .login-card-modern .oauth-divider:after{background:rgba(115,160,211,.22)}
body:has(.login-card-modern) .login-card-modern .login-help a{color:#70bbff!important;font-weight:800}
body:has(.login-card-modern) .login-card-modern .cospam-forgot-placeholder{display:block;text-align:right;color:#8fbfe9;font-size:12px;font-weight:650;margin:-1px 0 16px;opacity:.85}
/* Public ranking width: prevent decorative pseudo elements forcing viewport overflow */
body:has(.ranking-shell){overflow-x:clip!important}
body:has(.ranking-shell) main.wrap,body:has(.ranking-shell) .ranking-shell,body:has(.ranking-shell) .rs-layout,body:has(.ranking-shell) .rs-podium{min-width:0;max-width:100%;box-sizing:border-box}
body:has(.ranking-shell) .ranking-shell::before{inset-inline:0!important}
body:has(.ranking-shell) .rs-hero,body:has(.ranking-shell) .rs-panel,body:has(.ranking-shell) .rs-winner{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:760px){body:has(.login-card-modern) main.wrap{padding-inline:12px!important;padding-top:26px!important;min-height:0}body:has(.login-card-modern) .login-card-modern{padding:24px 20px!important;border-radius:20px!important}body:has(.ranking-shell) .ranking-shell{overflow-x:clip}}
@media(prefers-reduced-motion:reduce){body:has(.login-card-modern) .login-card-modern *{transition:none!important}}