/* Page-scoped composition; content, images and headings remain native Elementor widgets. */
.koopo-login-page{--kl-gold:#ffba12;--gap:0px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#171717;background:#fff;display:grid!important;grid-template-columns:51% 49%;min-height:100svh;padding:0!important;max-width:none!important;width:100%!important;gap:0!important}
.koopo-login-page .e-con{--gap:0px;gap:0;padding:0;max-width:none}.koopo-login-page p{margin:0}.koopo-login-page a{color:inherit}.koopo-login-page a:hover{text-decoration:underline}.koopo-login-page :is(button,input,a):focus-visible{outline:2px solid #987212;outline-offset:4px}
.koopo-login-page .kl-visual{position:relative;overflow:hidden;background:#2c241e;min-height:100svh;width:100%}.kl-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000008 35%,#000c 100%);pointer-events:none;z-index:1}
.koopo-login-page .kl-photo{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s;pointer-events:none}.kl-photo .elementor-widget-container{height:100%;width:100%}.kl-photo img{height:100%!important;width:100%!important;max-width:none;object-fit:cover;object-position:50% 30%;transition:transform .8s}.kl-visual:hover .kl-photo img{transform:scale(1.02)}.kl-photo-secondary{opacity:0}.kl-visual[data-photo=community] .kl-photo-primary{opacity:0}.kl-visual[data-photo=community] .kl-photo-secondary{opacity:1}
.koopo-login-page .kl-visual-copy{position:absolute;z-index:2;left:9%;right:9%;bottom:7%;width:auto;align-items:flex-start}.kl-eyebrow p{font-size:11px;font-weight:650;letter-spacing:2.5px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:#fff}.kl-eyebrow p:before{content:'';width:28px;height:2px;background:#ffba12;flex-shrink:0}.kl-visual .kl-headline .elementor-heading-title{font-size:clamp(38px,4.25vw,64px);font-weight:550;line-height:1.04;letter-spacing:-2px;color:#fff}.kl-headline{margin:22px 0 16px;max-width:470px}.kl-caption{max-width:370px}.kl-caption p{font-size:16px;line-height:1.6;color:#f4e8df}.kl-photo-switch{display:flex;gap:10px;margin-top:28px}.kl-photo-switch button{width:30px;min-width:30px;height:24px;border:0;background:transparent!important;padding:9px 0;cursor:pointer;border-radius:0}.kl-photo-switch button:before{content:'';display:block;height:3px;border-radius:5px;background:#ffffff60}.kl-photo-switch button[aria-pressed=true]:before{background:#ffba12}
.koopo-login-page .kl-panel{display:flex;flex-direction:column;width:100%;padding:36px 8% 26px;align-items:stretch}.koopo-login-page .kl-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:100%;flex-shrink:0}.kl-logo{width:155px;flex-shrink:0}.kl-logo img{width:155px;height:auto}.kl-explore .elementor-button{background:none;padding:0;border:0;border-radius:0;font-size:12px;color:#6e6e6e;white-space:nowrap}.koopo-login-page .kl-form-wrap{width:100%;max-width:390px;margin:auto;padding:24px 0;align-self:center}.kl-form-eyebrow p{font-size:11px;color:#7d7468;font-weight:650;text-transform:uppercase;letter-spacing:2px}.kl-welcome{margin:12px 0 9px}.kl-welcome .elementor-heading-title{font-size:36px;font-weight:600;letter-spacing:-1.3px;color:#171717;line-height:1.2}.kl-intro p{font-size:14px;color:#797979;line-height:1.5}.kl-intro{margin-bottom:28px}.koopo-login-page .kl-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;width:100%}.kl-footer p{font-size:10px;color:#939393;line-height:1.7}.kl-footer a{margin-left:16px;color:#777}.kl-footer .elementor-widget{width:auto}
/* Reusable authentication widget. */
.elementor-widget-koopo-login{width:100%}.kl-form,.kl-signed-in{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#171717}.kl-form button,.kl-form input{font:inherit}.kl-social .the_champ_social_login_title{display:none}.kl-social .the_champ_login_ul{display:flex!important;gap:12px;padding:0!important;margin:0!important;list-style:none!important}.kl-social .the_champ_login_ul li{flex:1;margin:0!important;padding:0!important;float:none!important;display:flex;min-width:0}.kl-social .the_champ_login_ul li:has(.theChampGoogleLogin){order:-1}.kl-social .theChampLogin{width:100%!important;height:47px!important;display:flex!important;align-items:center;justify-content:center;gap:10px;border:1px solid #dedede;border-radius:7px!important;background:#fff!important;background-image:none!important;cursor:pointer;transition:background .18s,border-color .18s;float:none!important;font-style:normal;box-shadow:none!important}.kl-social .theChampLogin:hover{background:#faf7f0!important;border-color:#bfb7a7}.kl-social .theChampLoginSvg,.kl-social .theChampFacebookLogoContainer{width:20px!important;height:20px!important;position:static!important}.kl-social .theChampFacebookLoginSvg{background-color:#1877f2;border-radius:3px}.kl-social .theChampLogin:after{font-size:13px;color:#171717;font-weight:400}.kl-social .theChampGoogleLogin:after{content:'Google'}.kl-social .theChampFacebookLogin:after{content:'Facebook'}.kl-social .the_champ_login_ul li:has(:not(.theChampGoogleLogin):not(.theChampFacebookLogin)){flex-grow:1}.kl-divider{display:flex;align-items:center;gap:14px;margin:23px 0;color:#767676;font-size:11px}.kl-divider:before,.kl-divider:after{content:'';height:1px;background:#e9e9e9;flex:1}.kl-field{margin-bottom:18px}.kl-form label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.kl-form input:is([type=text],[type=password]){height:49px;width:100%;border:1px solid #dedede;border-radius:6px;background:#fcfcfc;padding:0 14px;font-size:14px;box-shadow:none;color:#171717;box-sizing:border-box}.kl-form input:focus{border-color:#b48a1e;outline:2px solid #ffba122b;background:#fff}.kl-form input::placeholder{color:#767676}.kl-password{position:relative}.kl-password input{padding-right:65px!important}.kl-form .kl-show{position:absolute;right:8px;top:8px;height:33px;padding:0 8px;border:0;background:none;color:#686868;font-size:11px;cursor:pointer;font-weight:400}.kl-options{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:3px 0 25px}.kl-form .kl-remember{display:flex;align-items:center;gap:8px;font-weight:400;margin:0;color:#666;font-size:12px}.kl-remember input{accent-color:#171717;margin:0;width:15px;height:15px}.kl-options a{color:#555}.kl-form .kl-submit,.kl-signed-in .kl-submit{height:49px;width:100%;border:0;border-radius:6px;background:#ffba12;color:#16130a;display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px;font-weight:650;cursor:pointer;transition:filter .18s,transform .18s;text-decoration:none;padding:0 16px;box-shadow:none}.kl-submit:hover{filter:brightness(.95);transform:translateY(-1px)}.kl-submit:disabled{opacity:.7;cursor:wait}.kl-form .kl-register{margin:26px 0 0;text-align:center;color:#777;font-size:13px}.kl-register a{color:#181818;font-weight:600;margin-left:5px}.kl-notice{font-size:13px;background:#fff8e5;border-left:3px solid #ffba12;padding:12px;margin-bottom:18px;line-height:1.5}.kl-extensions:empty{display:none}.kl-extensions .description{font-size:12px;line-height:1.5;display:block;margin-top:7px;color:#555}.kl-extensions p{margin-bottom:18px}.kl-signed-in p{margin:15px 0}.kl-form-wrap{animation:kl-enter .4s ease both}@keyframes kl-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.koopo-login-page .kl-panel{padding-left:12%;padding-right:12%}}
@media(max-width:760px){.koopo-login-page{display:flex!important;flex-direction:column}.koopo-login-page .kl-panel{display:contents!important}.koopo-login-page .kl-top{padding:22px 26px;order:0}.kl-logo,.kl-logo img{width:124px}.kl-explore .elementor-button{font-size:10px}.koopo-login-page .kl-visual{min-height:190px;height:190px;order:1;flex-shrink:0}.kl-photo img{object-position:50% 24%}.kl-visual:after{background:linear-gradient(90deg,#0007,#0001)}.koopo-login-page .kl-visual-copy{left:26px;bottom:24px;right:24px}.kl-headline{margin:10px 0 0;max-width:260px}.kl-visual .kl-headline .elementor-heading-title{font-size:28px;letter-spacing:-.7px}.kl-caption,.kl-photo-switch{display:none}.kl-eyebrow p{font-size:9px;letter-spacing:2px}.koopo-login-page .kl-form-wrap{max-width:440px;width:100%;padding:30px 26px 32px;order:2;margin:0 auto}.kl-form-eyebrow{display:none}.kl-welcome{margin-top:0}.kl-welcome .elementor-heading-title{font-size:31px}.kl-intro{margin-bottom:23px}.koopo-login-page .kl-footer{order:3;padding:0 26px 28px;max-width:440px;width:100%;margin:0 auto;flex-wrap:wrap}.kl-options,.kl-form .kl-remember{font-size:11px}.kl-social .theChampLogin:after{font-size:12px}}
@media(prefers-reduced-motion:reduce){.koopo-login-page *{animation:none!important;transition:none!important}}

/* Override provider/theme chrome only within this page. */
body .koopo-login-page .kl-explore a.elementor-button{background:transparent!important;color:#6e6e6e!important;box-shadow:none!important;border:0!important}
body .koopo-login-page .kl-social .the_champ_login_ul i.theChampLogin{background:#fff!important;background-image:none!important;padding:0!important;margin:0!important;justify-content:center!important;text-align:center!important}
body .koopo-login-page .kl-social .the_champ_login_ul i.theChampLogin:hover{background:#faf7f0!important}
body .koopo-login-page .kl-social .theChampLoginSvg,body .koopo-login-page .kl-social .theChampFacebookLogoContainer{position:static!important;float:none!important;flex-shrink:0;opacity:1!important;display:block!important}

.koopo-login-page .kl-intro{margin-bottom:28px}.koopo-login-page .kl-welcome{margin:12px 0 9px}.koopo-login-page .kl-headline{margin:22px 0 16px}
body .koopo-login-page .kl-social .theChampFacebookLogoContainer,body .koopo-login-page .kl-social .theChampLoginSvg{margin:0!important;padding:0!important}
@media(max-width:760px){.koopo-login-page .kl-intro{margin-bottom:23px}.koopo-login-page .kl-welcome{margin-top:0}.koopo-login-page .kl-headline{margin:10px 0 0}}
.koopo-login-page .kl-form{margin:0}.koopo-login-page .kl-form label{line-height:1.4}.koopo-login-page .kl-divider{line-height:1.4}

/* Native Elementor photography and copy for the full Koopo ecosystem. */
.koopo-login-page .kl-world{background:#191b19}
.kl-world:after{background:linear-gradient(180deg,transparent 42%,#191b1900 50%,#191b19 60%);z-index:1}
.koopo-login-page .kl-world .kl-photo{inset:auto;top:0;height:61%;opacity:1}
.koopo-login-page .kl-world .kl-marketplace{left:0;width:65%;height:61%}
.koopo-login-page .kl-world .kl-services{left:65%;width:35%;height:30.5%;border-left:3px solid #191b19}
.koopo-login-page .kl-world .kl-creators{left:65%;top:30.5%;width:35%;height:30.5%;border-left:3px solid #191b19;border-top:3px solid #191b19}
.kl-world .kl-marketplace img{object-position:48% 64%}
.kl-world .kl-services img{object-position:50% 30%}
.kl-world .kl-creators img{object-position:50% 37%}
.koopo-login-page .kl-world .kl-visual-copy{bottom:6%;left:9%;right:8%}
.kl-world .kl-headline .elementor-heading-title{font-size:clamp(40px,4.35vw,68px);line-height:1.04;letter-spacing:-1.8px}
.kl-world .kl-caption{max-width:410px}
.kl-world .kl-caption p{font-size:15px;line-height:1.55;color:#e3e4dc}
.kl-features{margin-top:23px!important;max-width:460px}
.kl-features p{font-size:11px;line-height:1.9;letter-spacing:.15px;color:#b8bbae}
@media(max-width:760px){
 .koopo-login-page .kl-world{height:240px;min-height:240px}
 .koopo-login-page .kl-world .kl-marketplace{height:100%}
 .koopo-login-page .kl-world .kl-services{height:50%}
 .koopo-login-page .kl-world .kl-creators{top:50%;height:50%}
 .kl-world:after{background:linear-gradient(180deg,#0000 30%,#000b 100%)}
 .koopo-login-page .kl-world .kl-visual-copy{left:26px;right:24px;bottom:18px}
 .kl-world .kl-headline .elementor-heading-title{font-size:32px;letter-spacing:-.8px}
 .kl-world .kl-eyebrow{display:none}
 .kl-world .kl-features{margin-top:9px!important;max-width:340px}
 .kl-world .kl-features p{font-size:9px;line-height:1.65;color:#f1f0e8;letter-spacing:0}
}