/* Filmaon sign-in: one continuous dark page with a full-size wordmark. */
html:has(body.login){background:#090f19!important;min-height:100%;color-scheme:dark}
html body.login{background:radial-gradient(circle at 50% 0%,#213f5b 0,#12243b 26%,#0b1525 59%,#090f19 100%)!important;color:#e8f5ff!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;min-height:100vh!important;margin:0!important;overflow-x:hidden}
html body.login::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(145deg,transparent 49.8%,#99d9f409 50%,transparent 50.2%);background-size:74px 74px;opacity:.65}
html body.login #login{position:relative;z-index:1;box-sizing:border-box;width:min(100% - 28px,440px)!important;max-width:440px!important;margin:0 auto!important;padding:clamp(40px,9vh,85px) 0 36px!important;background:transparent!important}
html body.login #login h1{width:100%!important;margin:0!important;text-align:center!important}
html body.login #login h1 a,html body.login #login h1 a:link{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;max-width:100%!important;height:82px!important;min-height:82px!important;margin:0 auto!important;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;font-size:0!important;text-indent:0!important;text-decoration:none!important}
html body.login #login h1 a::before{content:"FILMA";display:inline-block;color:#f5f9ff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(41px,8vw,56px);font-weight:900;letter-spacing:-.085em;line-height:1;text-shadow:0 7px 23px #0009}
html body.login #login h1 a::after{content:"ON";display:inline-block;color:#85dafa;background:linear-gradient(130deg,#75d8f5,#bd9cf3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Arial,Helvetica,sans-serif;font-size:clamp(41px,8vw,56px);font-weight:900;letter-spacing:-.085em;line-height:1;filter:drop-shadow(0 6px 16px #5ac7ea35)}
html body.login #login h1::after{content:"FILMAT E TU. KOHA JOTE.";display:block;margin:0 auto 24px;color:#a9c6d9;text-align:center;font-size:11px;font-weight:750;letter-spacing:.23em;line-height:1.5}
html body.login #loginform,html body.login #registerform,html body.login #lostpasswordform,html body.login #resetpassform,html body.login #admin-email-confirm-form{box-sizing:border-box;position:relative;overflow:visible;width:100%!important;max-width:none!important;padding:31px!important;margin:16px 0 0!important;border:1px solid #3d6179!important;border-radius:20px!important;background:linear-gradient(150deg,#1c334a,#142437 72%,#122236)!important;box-shadow:0 25px 70px #0008,0 0 0 4px #75d8f409!important;color:#ebf5ff!important}
html body.login #loginform::before,html body.login #registerform::before,html body.login #lostpasswordform::before,html body.login #resetpassform::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:3px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#64d3f5,#b19be9)}
html body.login #login form p{margin:0 0 18px!important}html body.login #login form p.submit{margin:0!important}
html body.login #login form label{color:#d9eafa!important;font-weight:700!important;font-size:13px!important}
html body.login #login form .input,html body.login #login form input[type=text],html body.login #login form input[type=password],html body.login #login form input[type=email]{box-sizing:border-box;display:block;width:100%!important;min-height:48px!important;margin:7px 0 0!important;padding:9px 13px!important;border:1px solid #54718a!important;border-radius:10px!important;background:#0c1c2b!important;color:#fff!important;box-shadow:none!important;font-size:16px!important}
html body.login #login form input:focus{outline:none!important;border-color:#8ce5fa!important;box-shadow:0 0 0 3px #70d3f540!important}
html body.login #login .wp-pwd input[type=password],html body.login #login .wp-pwd input[type=text]{padding-right:47px!important}
html body.login #login .button.wp-hide-pw{color:#90e1fa!important;min-height:40px}
html body.login #login form .forgetmenot{margin:0 0 20px!important}html body.login #login form .forgetmenot label{font-size:12px!important;color:#bccfdc!important;font-weight:550!important}html body.login #login form input[type=checkbox]{background:#112337!important;border:1px solid #62819a!important}
html body.login #login form .submit{display:block!important;float:none!important;clear:both!important;width:100%!important}
html body.login #login form .button-primary{display:block!important;float:none!important;width:100%!important;min-height:49px!important;margin:8px 0 0!important;padding:8px 16px!important;border:0!important;border-radius:10px!important;background:#68ceef!important;color:#082032!important;box-shadow:0 10px 22px #69cced29!important;text-shadow:none!important;font-size:14px!important;font-weight:850!important;text-align:center!important;cursor:pointer}
html body.login #login form .button-primary:hover{background:#9be6fa!important}
html body.login #nav,html body.login #backtoblog{max-width:100%;margin:17px 0 0!important;padding:0!important;color:#b4cfe1!important;text-align:center!important}
html body.login #nav a,html body.login #backtoblog a,html body.login .privacy-policy-page-link a{color:#a5dbf3!important;text-decoration:none!important;font-size:13px!important}html body.login #nav a:hover,html body.login #backtoblog a:hover{color:#fff!important;text-decoration:underline!important}
html body.login .message,html body.login .notice,html body.login #login_error{box-sizing:border-box;background:#193047!important;color:#f1f8ff!important;border-left:4px solid #75d4f4!important;border-radius:9px!important;box-shadow:none!important;margin:0 0 18px!important}
html body.login .language-switcher{position:relative;z-index:1;margin:25px auto!important;text-align:center}html body.login .language-switcher label{color:#b4cbdb!important}html body.login .language-switcher select{color:#e7f5ff!important;background:#14273a!important;border-color:#58758b!important;border-radius:7px!important}html body.login .language-switcher .button{color:#d0e9f6!important;background:#203b50!important;border:1px solid #58768a!important;border-radius:7px!important}
/* Social login remains a real plugin button; only its visual width changes. */
html body.login #login .nsl-container,html body.login #login .nsl-container-buttons,html body.login #login .nsl-button-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
html body.login #login .nsl-button{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:46px!important;border-radius:10px!important;box-shadow:0 8px 25px #0003!important}
@media(max-width:480px){html body.login #login{width:calc(100% - 32px)!important;padding-top:35px!important}html body.login #login h1 a{height:72px!important;min-height:72px!important}html body.login #loginform,html body.login #registerform,html body.login #lostpasswordform,html body.login #resetpassform{padding:24px 20px!important;border-radius:16px!important}html body.login #login h1::after{font-size:10px;letter-spacing:.17em}}
html body.login #login h1 a > img,html body.login #login h1 a > picture,html body.login #login h1 a > svg{display:none!important}
html body.login #login h1{background:none!important;background-image:none!important;overflow:visible!important}
html body.login #login h1 a::before{content:"FILMA"!important}
html body.login #login h1 a::after{content:"ON"!important}
/* Center the social button against the entire login form, with equal gutters. */
html body.login #login div.nsl-container{width:100%!important;max-width:none!important;margin:0 auto!important;clear:both!important}
html body.login #login div.nsl-container .nsl-container-buttons{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}
html body.login #login div.nsl-container .nsl-container-buttons>a{box-sizing:border-box!important;display:block!important;width:calc(100% - 62px)!important;max-width:338px!important;margin-left:auto!important;margin-right:auto!important}
html body.login #login div.nsl-container .nsl-container-buttons>a .nsl-button{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important}
html body.login #login .filmaon-captcha-wrap{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin:3px auto 20px;min-height:78px;overflow:visible}
html body.login #login .filmaon-captcha-wrap .g-recaptcha{max-width:304px}
@media(max-width:380px){html body.login #login .filmaon-captcha-wrap{justify-content:flex-start;min-height:65px}html body.login #login .filmaon-captcha-wrap .g-recaptcha{transform:scale(.78);transform-origin:top left}}
@media(max-width:480px){html body.login #login div.nsl-container .nsl-container-buttons>a{width:calc(100% - 40px)!important}}
/* The standard Google iframe is 304px wide, but its visible dark checkbox ends
   at 272px. Clip the unused white strip without clipping Google's challenge. */
@media(max-width:480px){
 html body.login #login .filmaon-captcha-wrap{justify-content:center!important;min-height:78px!important;overflow:visible!important}
 html body.login #login .filmaon-captcha-wrap .g-recaptcha{box-sizing:border-box!important;flex:0 0 272px!important;width:272px!important;max-width:272px!important;height:78px!important;overflow:hidden!important;transform:none!important;margin:0 auto!important}
 html body.login #login .filmaon-captcha-wrap .g-recaptcha>div{width:304px!important;max-width:none!important}
}
@media(max-width:350px){
 html body.login #login .filmaon-captcha-wrap{min-height:71px!important}
 html body.login #login .filmaon-captcha-wrap .g-recaptcha{flex:0 0 272px!important;transform:scale(.9)!important;transform-origin:center top!important;margin:0 -14px!important}
}
/* Nextend may wrap its link in a div; center either markup with matching gutters. */
@media(max-width:480px){
 html body.login #login .nsl-container,html body.login #login .nsl-container-buttons{display:block!important;width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
 html body.login #login .nsl-container-buttons>*{box-sizing:border-box!important;display:block!important;width:calc(100% - 40px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
 html body.login #login .nsl-container-buttons a,html body.login #login .nsl-container-buttons .nsl-button{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
}
/* The live button is rendered by Google Site Kit, not Nextend Social Login. */
html body.login #login .googlesitekit-sign-in-with-google__frontend-output-button{box-sizing:border-box!important;display:block!important;width:320px!important;max-width:calc(100% - 40px)!important;max-inline-size:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important}
html body.login #login .googlesitekit-sign-in-with-google__frontend-output-button .S9gUrf-YoZ4jf{margin-left:auto!important;margin-right:auto!important}
/* Google draws a 272 × 70 dark checkbox inside its 304 × 78 iframe. */
html body.login #login .filmaon-captcha-wrap{min-height:70px!important}
html body.login #login .filmaon-captcha-wrap .g-recaptcha{box-sizing:border-box!important;width:272px!important;max-width:272px!important;height:70px!important;overflow:hidden!important;transform:none!important;margin-left:auto!important;margin-right:auto!important}
html body.login #login .filmaon-captcha-wrap .g-recaptcha>div{width:304px!important;max-width:none!important}
@media(max-width:480px){html body.login #login .filmaon-captcha-wrap{min-height:70px!important}html body.login #login .filmaon-captcha-wrap .g-recaptcha{height:70px!important}}
@media(max-width:350px){html body.login #login .filmaon-captcha-wrap{min-height:64px!important}html body.login #login .filmaon-captcha-wrap .g-recaptcha{transform:scale(.9)!important}}