/* CPC Register UI: shared dialog (login code, welcome) */
.cru-dlg{position:fixed;inset:0;z-index:100000;background:rgba(9,9,11,.62);display:none;align-items:center;justify-content:center;padding:16px;font-family:"Montserrat",Arial,Helvetica,sans-serif}
.cru-dlg.on{display:flex}
.cru-dlg *{box-sizing:border-box}
.cru-dlg-box{position:relative;background:#fff;color:#141417;border-radius:18px;width:100%;max-width:420px;padding:28px 24px 24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);text-align:left;animation:cru-in .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes cru-in{from{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.cru-dlg h2{font-family:"Cinzel","Times New Roman",serif;font-size:23px;margin:0 0 8px;color:#141417;font-weight:700;line-height:1.2}
.cru-dlg p{font-size:14px;line-height:1.5;color:#5d5e66;margin:0 0 14px}
.cru-dlg label{display:block;font-size:12.5px;font-weight:700;margin:6px 0 5px;color:#141417}
.cru-dlg input{width:100%;padding:13px;font:inherit;font-size:16px;border:1.5px solid #d9dae0;border-radius:10px;background:#fff;color:#141417;margin:0}
.cru-dlg input:focus{outline:none;border-color:#111;box-shadow:0 0 0 4px rgba(17,17,17,.08)}
.cru-dlg #cru-lc{letter-spacing:.4em;font-size:22px;text-align:center;font-weight:800}
.cru-btn{display:block;width:100%;margin-top:14px;padding:14px;font:inherit;font-weight:800;font-size:16px;border:0;border-radius:12px;color:#fff!important;background:#000!important;cursor:pointer;box-shadow:none}
.cru-btn:disabled{opacity:.6;cursor:default}
.cru-btn:focus-visible{outline:3px solid #6b8cff;outline-offset:2px}
.cru-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:none;font-size:26px;line-height:1;color:#888;cursor:pointer;border-radius:50%}
.cru-x:hover{background:#f3f3f5;color:#111}
.cru-msg{color:#c0392b!important;font-size:13px!important;margin:10px 0 0!important}
.cru-link{background:none;border:0;font:inherit;font-size:13px;color:#5d5e66;text-decoration:underline;cursor:pointer;margin-top:12px;padding:0}
.cru-loginbox{max-width:420px;margin:0 auto 18px;text-align:center;font-family:"Montserrat",Arial,Helvetica,sans-serif}
.cru-loginbox .cru-btn{margin-top:0}
.cru-loginbox p{font-size:13px;color:#666;margin:8px 0 0}
.cruw .cru-dlg-box{text-align:center}
.cruw-badge{display:inline-block;font-family:"Cinzel",serif;font-weight:700;letter-spacing:.12em;font-size:15px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#3b3b40,#121214 55%,#050505);padding:6px 16px;border-radius:8px;margin-bottom:12px}
.cruw-app,.cruw-ok{margin-top:16px;padding:14px;border:1.5px dashed #d9dae0;border-radius:12px;text-align:left;font-size:13px;display:flex;flex-direction:column;gap:3px}
.cruw-app span,.cruw-ok span{color:#5d5e66}
.cruw-ok{border-style:solid;border-color:#18864a}.cruw-ok b{color:#18864a}
.cruw-f{display:flex;gap:8px;margin-top:8px}.cruw-f input{padding:11px 12px;font-size:15px}
.cruw-f button{text-transform:none!important;letter-spacing:normal;flex:none;padding:0 16px;border:0;border-radius:10px;background:#111;color:#fff;font:inherit;font-weight:800;cursor:pointer}
@media(prefers-reduced-motion:reduce){.cru-dlg-box{animation:none}}
.cru-dlg h2,.cru-dlg p,.cru-dlg label,.cru-btn,.cru-loginbox p{text-transform:none!important;font-variant:normal!important;letter-spacing:normal}
.cru-dlg h2{font-variant:normal!important;font-family:"Cinzel","Times New Roman",serif!important}
.cru-btn{font-family:"Montserrat",Arial,Helvetica,sans-serif!important}

/* 1.0.27: code-first login page (the code window opens on arrival) */
.cru-dlg.cru-loginpage{background:rgba(9,9,11,.72)}
.cru-pwtoggle{display:block;margin:16px auto 0}

/* 1.0.30 (Andrew 2026-11-12: "the bottom part with the email password and login button look ugly"):
   one clean card on the login page. Code button on top, then "or use your password", then the password form
   restyled to match (house black and silver, same fields as the code window). Phone and desktop. */
body.cru-lp .feum-cpc-form{max-width:440px;margin:6px auto 0;background:#fff;border:1px solid #e7e7ea;border-radius:20px;padding:28px 26px 22px;box-shadow:0 18px 40px -24px rgba(0,0,0,.35);font-family:"Montserrat",Arial,Helvetica,sans-serif;text-align:left;color:#141417}
body.cru-lp .feum-cpc-form *{box-sizing:border-box}
body.cru-lp .feum-cpc-form-login{height:auto!important;display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important}
body.cru-lp .cru-loginbox{max-width:none;margin:0;text-align:center}
body.cru-lp .cru-loginbox .cru-btn{padding:15px;font-size:16px}
body.cru-lp .cru-loginbox p{margin:9px 0 0;font-size:13px;color:#6b6c74}
body.cru-lp .cru-or{display:flex;align-items:center;gap:12px;margin:22px 0 18px;color:#8b8c94;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body.cru-lp .cru-or:before,body.cru-lp .cru-or:after{content:"";flex:1;height:1px;background:#e4e4e8}
body.cru-lp .feum-cpc-form-login .form-group{padding:0!important;margin:0 0 14px!important;text-align:left!important}
body.cru-lp .feum-cpc-form-login label,body.cru-lp .feum-cpc-form-login label.has-focus{position:static!important;top:auto!important;transform:none!important;transition:none;display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#141417!important;text-transform:none!important;letter-spacing:normal}
body.cru-lp .feum-cpc-form-login input.form-control{display:block;width:100%;height:50px;padding:0 14px;font:inherit;font-size:16px;color:#141417;background:#fff!important;border:1.5px solid #d9dae0!important;border-radius:12px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body.cru-lp .feum-cpc-form-login input.form-control:focus{outline:none;border-color:#111!important;box-shadow:0 0 0 4px rgba(17,17,17,.08)!important}
body.cru-lp .feum-cpc-form-login input:-webkit-autofill,body.cru-lp .feum-cpc-form-login input:-webkit-autofill:hover,body.cru-lp .feum-cpc-form-login input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#141417!important;caret-color:#141417}
body.cru-lp .feum-cpc-form-login .feum-cpc-form-login-submit{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;height:50px;margin:6px 0 0!important;padding:0 16px!important;border:1.5px solid #141417!important;border-radius:12px!important;background:#fff!important;color:#141417!important;font:inherit;font-size:16px!important;font-weight:800!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important;cursor:pointer;transition:background .15s,color .15s}
body.cru-lp .feum-cpc-form-login .feum-cpc-form-login-submit:focus-visible{background:#141417!important;color:#fff!important}
@media(hover:hover){body.cru-lp .feum-cpc-form-login .feum-cpc-form-login-submit:hover{background:#141417!important;color:#fff!important}}
body.cru-lp .feum-cpc-form-login input:autofill{filter:none!important;background:#fff!important}
body.cru-lp .feum-cpc-form-login .feum-cpc-form-login-submit{position:relative}
body.cru-lp .feum-cpc-form-invalid-input,body.cru-lp .cru-lp-note{display:block;margin:7px 0 0;font-size:13px;font-weight:600;line-height:1.4;color:#c0392b!important}
body.cru-lp .cru-lp-note{margin:0 0 14px;padding:10px 12px;background:#fdf1f0;border-radius:10px}
body.cru-lp .feum-cpc-form-login .text-small{padding:0!important;margin:14px 0 0!important;text-align:center!important}
body.cru-lp .cpc-login-form-forgot-password a{font-size:13px;color:#5d5e66!important;text-decoration:underline}
body.cru-lp .cpc-login-form-forgot-password a:hover{color:#111!important}
@media(max-width:520px){
  body.cru-lp .feum-cpc-form{border:0;box-shadow:none;padding:4px 2px 10px;border-radius:0;margin-top:0}
  body.cru-lp .cpc-heading-above-form{font-size:30px}
}
body.cru-lp .cpc-height-600{height:auto!important;min-height:600px}
.cru-dlg .cru-link{text-transform:none!important;letter-spacing:normal!important;font-family:"Montserrat",Arial,Helvetica,sans-serif!important}