:root {
    --cogk-bg: #06111f;
    --cogk-panel: #0b1c30;
    --cogk-panel-2: #102742;
    --cogk-border: #2b5b86;
    --cogk-text: #f6fbff;
    --cogk-muted: #adc4d9;
    --cogk-blue: #45a9ff;
    --cogk-violet: #8b5cff;
    --cogk-green: #4de19b;
    --cogk-red: #ff6b78;
}

.cogk-standalone-gate,
body.login {
    background: radial-gradient(circle at 50% 0%, #123257 0%, var(--cogk-bg) 52%, #030a12 100%) !important;
    color: var(--cogk-text) !important;
}

.cogk-gate-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px 18px;
    box-sizing: border-box;
}

.cogk-card {
    width: min(100%, 620px);
    margin: 24px auto;
    padding: clamp(24px, 5vw, 44px);
    box-sizing: border-box;
    border: 1px solid var(--cogk-border);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(16,39,66,.98), rgba(7,20,35,.98));
    color: var(--cogk-text);
    box-shadow: 0 0 0 1px rgba(69,169,255,.08), 0 24px 70px rgba(0,0,0,.46), 0 0 34px rgba(69,169,255,.12);
}

.cogk-card h1,
.cogk-card h2 {
    margin: 8px 0 10px;
    color: #fff;
    letter-spacing: .02em;
}

.cogk-badge {
    display: inline-flex;
    padding: 7px 12px;
    border: 1px solid rgba(77,225,155,.6);
    border-radius: 999px;
    color: var(--cogk-green);
    background: rgba(77,225,155,.08);
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .15em;
}

.cogk-lead,
.cogk-persist-note {
    color: var(--cogk-muted);
    line-height: 1.6;
}

.cogk-form,
.cogk-card form {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.cogk-card label,
.cogk-card .login-username,
.cogk-card .login-password {
    color: var(--cogk-text);
    font-weight: 700;
}

.cogk-card input[type="text"],
.cogk-card input[type="email"],
.cogk-card input[type="password"],
.cogk-card input[type="tel"],
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
    width: 100%;
    min-height: 48px;
    margin-top: 7px;
    padding: 10px 13px;
    box-sizing: border-box;
    border-radius: 11px;
    border: 1px solid #335f83;
    background: #071625 !important;
    color: #fff !important;
    outline: none;
}

.cogk-card input:focus,
body.login input:focus {
    border-color: var(--cogk-blue);
    box-shadow: 0 0 0 3px rgba(69,169,255,.14);
}

.cogk-card button,
.cogk-card input[type="submit"],
.cogk-button,
body.login .button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 18px;
    border: 1px solid rgba(139,92,255,.85) !important;
    border-radius: 12px;
    background: linear-gradient(135deg, #177cd2, #6747e8) !important;
    color: #fff !important;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(69,169,255,.18);
}

.cogk-card button:hover,
.cogk-card input[type="submit"]:hover,
.cogk-button:hover {
    filter: brightness(1.12);
}

.cogk-help,
.cogk-logout {
    margin-top: 16px;
    color: var(--cogk-muted) !important;
}

.cogk-card a {
    color: #8ccaff;
}

.cogk-error {
    margin: 16px 0;
    padding: 12px 14px;
    border: 1px solid rgba(255,107,120,.55);
    border-radius: 11px;
    background: rgba(255,107,120,.09);
    color: #ffd9dd;
}

.cogk-status {
    display: inline-flex;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .05em;
}

.cogk-status-on { background: rgba(77,225,155,.12); color: var(--cogk-green); }
.cogk-status-off { background: rgba(255,107,120,.12); color: #ff9ba5; }

/* Gate Keeper owns persistence; users do not need a Remember Me choice. */
.login-remember,
.woocommerce-form-login__rememberme,
label[for="rememberme"],
#rememberme {
    display: none !important;
}

body.login #login {
    width: min(92vw, 420px);
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform,
body.login #resetpassform {
    border: 1px solid var(--cogk-border);
    border-radius: 18px;
    background: var(--cogk-panel) !important;
    color: var(--cogk-text);
    box-shadow: 0 24px 70px rgba(0,0,0,.45);
}

body.login label,
body.login #nav a,
body.login #backtoblog a,
body.login .message {
    color: var(--cogk-text) !important;
}

@media (max-width: 600px) {
    .cogk-gate-wrap { padding: 14px 10px; align-items: start; }
    .cogk-card { margin: 8px auto; padding: 22px 16px; border-radius: 16px; }
}


/* Password reset/save continuity: keep the actual reset form visible on the dark Gate Keeper login surface. */
body.login #resetpassform .wp-pwd,
body.login #resetpassform .user-pass1-wrap,
body.login #resetpassform .user-pass2-wrap,
body.login #resetpassform .pw-weak,
body.login #resetpassform .description,
body.login #login_error,
body.login .notice,
body.login .success {
    color: var(--cogk-text) !important;
}

body.login #resetpassform .password-input-wrapper {
    display: block;
}

body.login #resetpassform input[type="password"],
body.login #resetpassform input[type="text"] {
    background: #071625 !important;
    color: #fff !important;
}


/* v1.2.0 — ONE GATE KEEPER: current MY COINABLE access-gate presentation now lives here. */
body.coinable-mycoinable-login{background:#020712!important;color:#f7fbff!important;overflow-x:hidden}
body.coinable-mycoinable-login:before{content:"";position:fixed;inset:0;z-index:9990;background:rgba(1,7,16,.78);-webkit-backdrop-filter:blur(8px) brightness(.62);backdrop-filter:blur(8px) brightness(.62);animation:coinableGateFade .28s ease both;pointer-events:none}
body.coinable-mycoinable-login .entry-title,body.coinable-mycoinable-login .entry-header{display:none!important}
body.coinable-mycoinable-login .site-main,body.coinable-mycoinable-login .entry-content,body.coinable-mycoinable-login article.page{max-width:none!important;background:transparent!important}
body.coinable-mycoinable-login .woocommerce{box-sizing:border-box!important;position:relative!important;z-index:9991!important;left:auto!important;display:block!important;width:min(calc(100% - 28px),640px)!important;max-width:640px!important;min-height:0!important;margin:clamp(34px,8vh,92px) auto 70px!important;padding:24px clamp(18px,4vw,34px) 26px!important;overflow:visible!important;border:1px solid rgba(91,164,238,.32)!important;border-radius:18px!important;background:radial-gradient(circle at 84% 0,rgba(77,111,255,.15),transparent 30%),linear-gradient(180deg,rgba(8,24,43,.985),rgba(3,13,27,.99))!important;box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 1px rgba(121,80,255,.08) inset!important;color:#f7fbff!important;animation:coinableGateRise .34s cubic-bezier(.2,.8,.2,1) both}
body.coinable-mycoinable-login .woocommerce:before,body.coinable-mycoinable-login .woocommerce:after{display:none!important;content:none!important}
body.coinable-mycoinable-login .woocommerce>h2{display:none!important}
body.coinable-mycoinable-login #customer_login,body.coinable-mycoinable-login .u-columns,body.coinable-mycoinable-login .col2-set{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.coinable-mycoinable-login #customer_login>.u-column1,body.coinable-mycoinable-login #customer_login>.u-column2,body.coinable-mycoinable-login #customer_login>.col-1,body.coinable-mycoinable-login #customer_login>.col-2,body.coinable-mycoinable-login .woocommerce>.u-column1,body.coinable-mycoinable-login .woocommerce>.u-column2{float:none!important;clear:both!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.coinable-mycoinable-login #customer_login>.u-column1:empty,body.coinable-mycoinable-login #customer_login>.u-column2:empty,body.coinable-mycoinable-login #customer_login>.col-1:empty,body.coinable-mycoinable-login #customer_login>.col-2:empty{display:none!important}
.coinable-access-gate-intro{text-align:center;margin:0 auto 18px;max-width:540px}.coinable-access-gate-badge{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border:1px solid rgba(95,188,255,.5);border-radius:50%;background:radial-gradient(circle at 35% 30%,#1a7fd0,#08203c 70%);box-shadow:0 0 30px rgba(61,154,255,.22);color:#fff;font-size:20px;font-weight:950}.coinable-access-gate-eyebrow{margin:0 0 8px!important;color:#6ccfff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.17em!important;text-transform:uppercase}.coinable-access-gate-intro h1{margin:0!important;color:#fff!important;font-size:clamp(27px,5vw,42px)!important;line-height:1!important;letter-spacing:-.025em!important}.coinable-access-gate-lead{margin:12px auto 0!important;max-width:500px;color:#d7e5f3!important;font-size:12px!important;line-height:1.55!important}.coinable-access-gate-note{margin:8px auto 0!important;max-width:500px;color:#8fa6bc!important;font-size:10px!important;line-height:1.5!important}
body.coinable-mycoinable-login form.woocommerce-form-login,body.coinable-mycoinable-login form.login,body.coinable-mycoinable-login form.woocommerce-form-register{box-sizing:border-box!important;width:100%!important;max-width:520px!important;margin:0 auto!important;padding:18px 18px 16px!important;border:1px solid rgba(96,156,220,.25)!important;border-radius:11px!important;background:rgba(3,14,28,.72)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
body.coinable-mycoinable-login form.woocommerce-form-login p,body.coinable-mycoinable-login form.woocommerce-form-register p{margin:0 0 13px!important;color:#c7d8e8!important}
body.coinable-mycoinable-login form.woocommerce-form-login label,body.coinable-mycoinable-login form.woocommerce-form-register label{display:block!important;margin-bottom:6px!important;color:#eaf5ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important}
body.coinable-mycoinable-login form.woocommerce-form-login input.input-text,body.coinable-mycoinable-login form.woocommerce-form-register input.input-text{box-sizing:border-box!important;width:100%!important;min-height:44px!important;padding:9px 12px!important;border:1px solid rgba(107,157,207,.34)!important;border-radius:7px!important;background:#071221!important;color:#fff!important;box-shadow:none!important}
body.coinable-mycoinable-login .woocommerce-form-login__rememberme{display:flex!important;align-items:center!important;gap:7px!important;margin:2px 0 12px!important}
body.coinable-mycoinable-login .woocommerce-form-login__submit,body.coinable-mycoinable-login .woocommerce-form-register__submit{float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:45px!important;margin:2px 0 0!important;border:1px solid rgba(114,92,255,.68)!important;border-radius:7px!important;background:linear-gradient(90deg,#247bdc,#704cff)!important;color:#fff!important;font-size:11px!important;font-weight:950!important;letter-spacing:.07em!important;text-transform:uppercase!important;box-shadow:0 10px 30px rgba(72,68,235,.18)!important}
body.coinable-mycoinable-login .woocommerce-form-login__submit[disabled],body.coinable-mycoinable-login .woocommerce-form-register__submit[disabled]{opacity:.42!important;cursor:not-allowed!important}
body.coinable-mycoinable-login .woocommerce-LostPassword{margin:13px 0 0!important;text-align:center!important}body.coinable-mycoinable-login .woocommerce-LostPassword a{color:#7fceff!important;font-size:10px!important;font-weight:850!important}
.coinable-access-gate-secondary{display:grid;gap:10px;max-width:520px;margin:14px auto 0;text-align:center}.coinable-access-gate-create{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px;padding:9px 14px;border:1px solid rgba(65,181,255,.35);border-radius:7px;background:rgba(8,37,66,.7);color:#dff4ff!important;font-size:10px;font-weight:950;letter-spacing:.055em;text-decoration:none!important}.coinable-access-gate-secondary p{margin:0!important;color:#8299ae!important;font-size:9px!important;line-height:1.45!important}
.cogk-human-panel{max-width:520px;margin:0 auto 14px;padding:12px;border:1px solid rgba(73,185,255,.25);border-radius:9px;background:rgba(5,24,43,.72)}.cogk-human-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.cogk-human-head strong{color:#7ddcff;font-size:9px;letter-spacing:.12em}.cogk-human-head span{color:#7791a9;font-size:8px}.cogk-human-confirm{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:#eaf6ff!important;font-size:11px!important}.cogk-human-confirm input{margin:0!important}.cogk-human-quiz{margin-top:10px}.cogk-human-quiz p{margin:0 0 8px!important;color:#9fb6cb!important;font-size:9px!important}.cogk-human-arena{position:relative;height:112px;overflow:hidden;border:1px solid rgba(91,145,204,.28);border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(35,91,145,.16),rgba(2,11,21,.96))}.cogk-human-target{position:absolute!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:-18px 0 0 -18px!important;padding:0!important;border:1px solid #7ed9ff!important;border-radius:50%!important;background:radial-gradient(circle,#95e7ff 0,#2089d8 42%,#4f46e5 100%)!important;box-shadow:0 0 0 6px rgba(72,161,255,.09),0 0 28px rgba(73,187,255,.65)!important;color:#fff!important;font-size:20px!important;line-height:34px!important;cursor:crosshair!important}.cogk-human-status{margin-top:7px;color:#8aa4ba;font-size:8px}.cogk-human-panel.is-verified{border-color:rgba(74,222,128,.36);background:rgba(8,49,37,.38)}.cogk-human-panel.is-verified .cogk-human-status{color:#7ee2aa}.cogk-human-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@keyframes coinableGateFade{from{opacity:0}to{opacity:1}}@keyframes coinableGateRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){body.coinable-mycoinable-login .woocommerce{width:min(calc(100% - 18px),640px)!important;margin:18px auto 38px!important;padding:20px 14px 20px!important;border-radius:14px!important}.coinable-access-gate-intro h1{font-size:29px!important}body.coinable-mycoinable-login form.woocommerce-form-login,body.coinable-mycoinable-login form.login,body.coinable-mycoinable-login form.woocommerce-form-register{padding:17px 14px 15px!important}}

/* 1.3.1 AVIATOR GUY: replaces the C emblem at the customer gate. */
.coinable-access-gate-mascot,.cogk-oragami-mascot{display:flex;justify-content:center;align-items:center;margin:0 auto 12px;width:100%;}
.coinable-access-gate-mascot img,.cogk-oragami-mascot img{display:block;width:clamp(148px,37vw,260px);max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));}
.cogk-oragami-mascot img{width:clamp(130px,32vw,230px);}
@media (max-width:680px){.coinable-access-gate-mascot img{width:min(47vw,190px)}.cogk-oragami-mascot img{width:min(43vw,165px)}}

/* v1.3.2 mobile gate layout correction: visual only; no auth behavior changed. */
body.coinable-mycoinable-login .coinable-access-gate-mascot img,
.cogk-oragami-mascot img{background:transparent!important;object-fit:contain!important}
body.coinable-mycoinable-login .coinable-access-gate-mascot{margin:0 auto 5px!important}
body.coinable-mycoinable-login .coinable-access-gate-eyebrow{font-size:10px!important}
body.coinable-mycoinable-login .coinable-access-gate-intro h1{font-size:clamp(22px,4vw,36px)!important;line-height:1.14!important}
body.coinable-mycoinable-login .coinable-access-gate-intro{margin-bottom:12px!important}
@media(max-width:680px){
 body.coinable-mycoinable-login .site-content,body.coinable-mycoinable-login .content-area,body.coinable-mycoinable-login .site-main,body.coinable-mycoinable-login article.page,body.coinable-mycoinable-login .entry-content{min-height:0!important;padding-top:0!important;margin-top:0!important}
 body.coinable-mycoinable-login .woocommerce{margin:8px auto 100px!important;padding:12px 12px 18px!important;transform:none!important;animation:none!important}
 body.coinable-mycoinable-login .coinable-access-gate-mascot img{width:min(62vw,220px)!important;max-height:240px!important;object-fit:contain!important}
 body.coinable-mycoinable-login .coinable-access-gate-lead{font-size:12px!important;margin-top:7px!important}
 body.coinable-mycoinable-login .coinable-access-gate-note{display:none!important}
 body.coinable-mycoinable-login .coinable-access-gate-intro{margin:0 auto 9px!important}
 body.coinable-mycoinable-login form.woocommerce-form-login,body.coinable-mycoinable-login form.woocommerce-form-register{padding:12px!important}
 .cogk-oragami{padding:12px!important;margin-bottom:100px!important}
 .cogk-oragami-mascot img{width:min(58vw,200px)!important}
}

/* v1.3.3: MOBILE GATE — restore top-of-page flow; larger controls.
   Scoped to unauthenticated MY COINABLE only. Theme can supply wrappers
   with viewport-sized min-height/flex centering that leave a blank band. */
@media (max-width: 680px) {
 body.coinable-mycoinable-login {overflow-y:auto!important;}
 body.coinable-mycoinable-login #page,
 body.coinable-mycoinable-login #content,
 body.coinable-mycoinable-login .site,
 body.coinable-mycoinable-login .site-content,
 body.coinable-mycoinable-login .content-area,
 body.coinable-mycoinable-login .site-main,
 body.coinable-mycoinable-login .entry-content,
 body.coinable-mycoinable-login article.page,
 body.coinable-mycoinable-login .woocommerce {
   scroll-margin-top:0!important;
 }
 body.coinable-mycoinable-login .site-content,
 body.coinable-mycoinable-login .content-area,
 body.coinable-mycoinable-login .site-main,
 body.coinable-mycoinable-login article.page,
 body.coinable-mycoinable-login .entry-content {
   min-height:0!important;
   height:auto!important;
   margin-top:0!important;
   padding-top:0!important;
   align-content:start!important;
   align-items:stretch!important;
   justify-content:flex-start!important;
 }
 body.coinable-mycoinable-login .woocommerce {
   margin:0 auto 118px!important;
   padding:16px 14px 26px!important;
   width:calc(100% - 16px)!important;
   max-width:640px!important;
   align-self:start!important;
   top:auto!important;
   bottom:auto!important;
   translate:none!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-mascot {margin:0 auto 10px!important;}
 body.coinable-mycoinable-login .coinable-access-gate-mascot img {
   width:min(84vw,345px)!important;
   max-width:100%!important;
   height:auto!important;
   max-height:none!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-eyebrow {font-size:12px!important;letter-spacing:.10em!important;}
 body.coinable-mycoinable-login .coinable-access-gate-intro h1 {font-size:clamp(31px,8vw,44px)!important;line-height:1.12!important;}
 body.coinable-mycoinable-login .coinable-access-gate-lead {font-size:15px!important;line-height:1.5!important;}
 body.coinable-mycoinable-login form.woocommerce-form-login,
 body.coinable-mycoinable-login form.woocommerce-form-register {padding:18px 15px!important;max-width:100%!important;}
 body.coinable-mycoinable-login form.woocommerce-form-login label,
 body.coinable-mycoinable-login form.woocommerce-form-register label {font-size:14px!important;line-height:1.3!important;}
 body.coinable-mycoinable-login form.woocommerce-form-login input.input-text,
 body.coinable-mycoinable-login form.woocommerce-form-register input.input-text {font-size:16px!important;min-height:52px!important;}
 body.coinable-mycoinable-login .woocommerce-form-login__submit,
 body.coinable-mycoinable-login .woocommerce-form-register__submit,
 body.coinable-mycoinable-login .coinable-access-gate-create {font-size:14px!important;min-height:54px!important;}
 body.coinable-mycoinable-login .cogk-human-confirm {font-size:14px!important;}
 body.coinable-mycoinable-login .cogk-human-arena {height:134px!important;}
 body.coinable-mycoinable-login .cogk-human-target {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:-22px 0 0 -22px!important;line-height:42px!important;}
 .cogk-oragami {margin-bottom:118px!important;}
 .cogk-oragami-mascot img {width:min(78vw,310px)!important;max-height:none!important;}
}

/* v1.3.4: AVIATOR GUY floats above the gate frame, not trapped inside it.
   Mobile negative offset is deliberately capped so upper site navigation remains visible. */
body.coinable-mycoinable-login .woocommerce {
  --cogk-mascot-lift: clamp(145px, 24vw, 220px);
  margin-top: clamp(160px, 24vw, 225px)!important;
  overflow: visible!important;
  isolation: isolate;
}
body.coinable-mycoinable-login .coinable-access-gate-mascot {
  position:relative!important;
  z-index:2!important;
  width: min(94vw, 510px)!important;
  max-width: calc(100vw - 24px)!important;
  margin: calc(-1 * var(--cogk-mascot-lift)) auto 12px!important;
  overflow: visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.coinable-mycoinable-login .coinable-access-gate-mascot img {
  width:100%!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
}
@media (max-width:680px) {
 body.coinable-mycoinable-login .woocommerce {
   --cogk-mascot-lift: clamp(145px, 38vw, 205px);
   margin: clamp(145px, 38vw, 205px) auto 118px!important;
   padding:14px 12px 26px!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-mascot {
   width:min(94vw, 420px)!important;
   margin: calc(-1 * var(--cogk-mascot-lift)) auto 14px!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-intro {overflow:visible!important;}
}

/* 1.3.5: Accessible recovery directly under the WooCommerce login controls. */
body.coinable-mycoinable-login .cogk-forgot-password{margin:16px 0 4px!important;text-align:center!important;}
body.coinable-mycoinable-login .cogk-forgot-password a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid rgba(109,199,255,.6);border-radius:12px;background:rgba(10,42,75,.85);color:#d2efff!important;font-size:16px!important;font-weight:850!important;letter-spacing:.04em;text-decoration:none!important;}
body.coinable-mycoinable-login .cogk-forgot-password a:focus-visible{outline:3px solid #ffca61;outline-offset:3px;}
body.coinable-mycoinable-login .woocommerce-LostPassword{display:none!important;}

/* v1.3.6 — approved AVIATOR breakout: center artwork outside upper edge,
   restore natural document flow, and separate the welcome heading from labels.
   This affects only the unauthenticated WooCommerce MY COINABLE gate. */
body.coinable-mycoinable-login .woocommerce {
  --cogk-mascot-lift: clamp(62px, 8vw, 110px);
  margin: clamp(76px, 9vw, 125px) auto 120px!important;
  overflow:visible!important;
}
body.coinable-mycoinable-login .coinable-access-gate-intro {
  width:100%!important; max-width:100%!important; overflow:visible!important;
  text-align:center!important; margin:0 auto 26px!important;
}
body.coinable-mycoinable-login .coinable-access-gate-mascot {
  display:flex!important; align-items:center!important; justify-content:center!important;
  position:relative!important; left:50%!important; right:auto!important;
  transform:translateX(-50%)!important;
  width:min(110%, 590px)!important; max-width:none!important;
  margin:calc(-1 * var(--cogk-mascot-lift)) 0 18px!important;
  padding:0!important; background:transparent!important; border:0!important;
  box-shadow:none!important; overflow:visible!important; z-index:3!important;
}
body.coinable-mycoinable-login .coinable-access-gate-mascot img {
  display:block!important; width:100%!important; max-width:none!important;
  height:auto!important; max-height:none!important; object-fit:contain!important;
  object-position:center!important; margin:0 auto!important;
}
body.coinable-mycoinable-login .coinable-access-gate-eyebrow {
  margin:12px auto 20px!important;
}
body.coinable-mycoinable-login .coinable-access-gate-intro h1 {
  margin:0 auto 25px!important; padding:5px 0!important;
  line-height:1.18!important; text-align:center!important;
}
body.coinable-mycoinable-login .coinable-access-gate-lead {
  margin:0 auto 16px!important; line-height:1.55!important;
}
@media(max-width:680px){
 body.coinable-mycoinable-login .woocommerce{
   --cogk-mascot-lift: clamp(58px, 13vw, 96px);
   margin:clamp(73px, 15vw, 110px) auto 130px!important;
   padding:18px 14px 34px!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-mascot {
   width:min(calc(100vw - 12px), 560px)!important;
   margin:calc(-1 * var(--cogk-mascot-lift)) 0 18px!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-mascot img {
   width:100%!important; max-width:none!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-eyebrow {
   margin:15px auto 22px!important; font-size:12px!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-intro h1 {
   font-size:clamp(28px,7.4vw,42px)!important; margin:0 auto 26px!important;
   line-height:1.24!important; letter-spacing:-.035em!important;
 }
 body.coinable-mycoinable-login .coinable-access-gate-lead {
   margin:0 auto 20px!important; font-size:16px!important; line-height:1.6!important;
 }
}


/* v1.3.7: Raise the hero by removing inherited gate headroom; provide
   direct access to the existing login form on small screens. */
body.coinable-mycoinable-login .cogk-scroll-login {
  display:inline-flex!important; justify-content:center; align-items:center;
  margin:8px auto 24px!important; padding:13px 24px!important;
  min-height:50px; box-sizing:border-box;
  border:1px solid rgba(114,204,255,.65); border-radius:12px;
  background:linear-gradient(120deg,#0b3c6a,#14588a);
  color:#ecf9ff!important; font-size:15px!important; font-weight:850!important;
  letter-spacing:.05em!important; text-decoration:none!important;
}
body.coinable-mycoinable-login .cogk-scroll-login:focus-visible {outline:3px solid #ffca61;outline-offset:3px;}
body.coinable-mycoinable-login form.woocommerce-form-login,
body.coinable-mycoinable-login form.login {scroll-margin-top:100px!important;}
@media(max-width:680px){
  body.coinable-mycoinable-login .woocommerce {
    --cogk-mascot-lift: 30px;
    margin-top:12px!important;
  }
  body.coinable-mycoinable-login .coinable-access-gate-mascot {
    margin-top:calc(-1 * var(--cogk-mascot-lift))!important;
  }
  body.coinable-mycoinable-login .cogk-scroll-login {
    display:flex!important; width:min(100%,360px); margin:12px auto 26px!important;
  }
  body.coinable-mycoinable-login form.woocommerce-form-login,
  body.coinable-mycoinable-login form.login {scroll-margin-top:84px!important;}
}