/* Collect It All v40.11 — premium comic-vault authentication */
.auth-gate{
  min-height:100vh;
  padding:clamp(16px,3vw,38px);
  background:
    radial-gradient(circle at 12% 12%,rgba(133,62,255,.28),transparent 31rem),
    radial-gradient(circle at 92% 72%,rgba(40,207,255,.18),transparent 30rem),
    linear-gradient(145deg,#04060b 0%,#080d17 55%,#050811 100%)!important;
}
.auth-gate::before{
  opacity:.1!important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(rgba(255,255,255,.5) .55px,transparent .55px)!important;
  background-size:42px 42px,42px 42px,18px 18px!important;
  mask-image:linear-gradient(to bottom,#000,transparent 96%)!important;
}
.auth-shell-v4011{
  width:min(1180px,100%)!important;
  min-height:min(760px,calc(100vh - 56px));
  grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr)!important;
  border:1px solid rgba(113,130,175,.34)!important;
  border-radius:34px!important;
  background:rgba(7,11,20,.98)!important;
  box-shadow:0 45px 130px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.02) inset!important;
}
.auth-showcase-v4011{
  padding:44px 48px 36px!important;
  justify-content:flex-start!important;
  background:
    linear-gradient(150deg,rgba(76,34,162,.42),rgba(12,25,50,.1) 44%,rgba(2,7,15,.12)),
    radial-gradient(circle at 80% 18%,rgba(44,213,255,.16),transparent 19rem),
    #0a1020!important;
}
.auth-showcase-v4011::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 58%,rgba(86,71,190,.09) 58% 59%,transparent 59% 100%),
    repeating-radial-gradient(circle at 10% 90%,rgba(255,255,255,.035) 0 1px,transparent 1px 6px);
  opacity:.72;
}
.auth-showcase-v4011::after{width:520px!important;height:520px!important;right:-250px!important;bottom:-260px!important;border-width:100px!important;border-color:rgba(99,78,235,.075)!important}
.auth-showcase-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-brand-v4011{font-size:23px!important;letter-spacing:-.025em}
.auth-brand-v4011 .brand-mark,.auth-mobile-brand .brand-mark{
  display:grid;place-items:center;
  background:linear-gradient(145deg,#8066ff,#3879ff 52%,#2bd6f4)!important;
  box-shadow:0 8px 24px rgba(85,91,255,.35),inset 0 1px 0 rgba(255,255,255,.32);
  color:#fff;
}
.auth-edition-pill{
  color:#74e3ff;font-size:10px;font-weight:900;letter-spacing:.18em;
  border:1px solid rgba(79,218,255,.23);background:rgba(31,112,151,.11);padding:7px 10px;border-radius:999px;
}
.auth-copy-v4011{margin-top:56px!important;max-width:590px!important}
.auth-copy-v4011 h2{font-size:clamp(44px,5.4vw,71px)!important;max-width:610px;line-height:.94!important;margin-bottom:20px!important}
.auth-copy-v4011 h2 span{background:linear-gradient(90deg,#66dffc 3%,#8c77ff 48%,#ffc958 96%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.auth-copy-v4011 p{font-size:16px!important;line-height:1.65;color:#b9c4d8!important;max-width:570px!important}
.auth-features-v4011{margin-top:26px!important;gap:11px!important}
.auth-features-v4011 .auth-feature{
  min-height:86px;padding:13px!important;display:flex;gap:10px;align-items:flex-start;
  border:1px solid rgba(108,126,172,.3)!important;background:rgba(5,10,21,.48)!important;backdrop-filter:blur(8px);
}
.auth-feature-icon{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#111a31;color:#77e6ff;font-size:17px;box-shadow:inset 0 0 0 1px rgba(95,221,255,.14)}
.auth-features-v4011 .auth-feature b{font-size:11px!important;letter-spacing:.015em}
.auth-features-v4011 .auth-feature span:not(.auth-feature-icon){font-size:10px!important;line-height:1.45;display:block;margin-top:3px}
.auth-cover-stage{position:relative;z-index:3;height:255px;margin-top:32px}
.auth-cover{
  position:absolute;width:168px;height:246px;border-radius:15px;overflow:hidden;
  border:1px solid rgba(255,255,255,.22);background:#0b1020;
  box-shadow:0 28px 65px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.035) inset;
  transform-origin:center bottom;transition:transform .25s ease,filter .25s ease;
}
.auth-cover:hover{filter:brightness(1.08)}
.auth-cover svg{position:absolute;inset:30px 0 30px;width:100%;height:calc(100% - 60px);object-fit:cover}
.auth-cover-top,.auth-cover-footer{position:absolute;z-index:2;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:rgba(3,7,16,.82);backdrop-filter:blur(7px);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#d8e4f8}
.auth-cover-top{top:0;border-bottom:1px solid rgba(255,255,255,.11)}
.auth-cover-top b{font-size:12px;color:#73e8ff;letter-spacing:0}
.auth-cover-footer{bottom:0;justify-content:center;color:#8fa0bc}
.auth-cover-title{position:absolute;z-index:2;left:12px;bottom:40px;font-size:22px;line-height:.84;font-weight:1000;letter-spacing:-.05em;color:#fff;text-shadow:0 5px 14px rgba(0,0,0,.75)}
.auth-cover-one{left:4%;bottom:0;transform:rotate(-8deg);border-color:rgba(85,224,255,.42)}
.auth-cover-two{left:36%;bottom:8px;z-index:4;transform:rotate(1.5deg) scale(1.04);border-color:rgba(142,96,255,.55);box-shadow:0 30px 75px rgba(0,0,0,.56),0 0 30px rgba(109,78,255,.12)}
.auth-cover-three{left:68%;bottom:0;transform:rotate(8deg);border-color:rgba(255,188,79,.38)}
.auth-card-v4011{
  padding:48px 46px!important;
  border-left:1px solid rgba(99,116,158,.3)!important;
  background:
    radial-gradient(circle at 65% 24%,rgba(105,72,225,.09),transparent 19rem),
    linear-gradient(180deg,#0c1220,#080d18)!important;
}
.auth-card-v4011 h1{font-size:clamp(28px,3vw,36px)!important;letter-spacing:-.04em!important;margin-top:7px!important}
.auth-card-v4011 p{font-size:14px;line-height:1.55;color:#a8b4ca!important;margin-bottom:24px!important}
.auth-card-v4011 p strong{color:#eaf1ff}
.auth-card-v4011 .hero-kicker{color:#71e3ff;font-size:10px;letter-spacing:.17em}
.auth-card-v4011 .field label{font-size:10px!important;color:#bec9db!important;letter-spacing:.055em}
.auth-card-v4011 .input{min-height:52px!important;border-radius:13px!important;background:#080f1c!important;border-color:#34415b!important;padding:12px 14px!important}
.auth-card-v4011 .input:focus{border-color:#8c72ff!important;box-shadow:0 0 0 4px rgba(114,83,255,.16)!important}
.auth-input-wrap{position:relative}
.auth-input-wrap .input{padding-right:62px!important}
.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#8e9bb2;font-size:11px;font-weight:850}
.auth-password-toggle:hover{background:#121c2f;color:#dce7fb}
.auth-full-button{width:100%}
.auth-primary-cta{margin-top:18px!important;display:flex;align-items:center;justify-content:center;gap:10px;min-height:53px!important;border:0!important;background:linear-gradient(100deg,#279dff,#665dff 50%,#bc47de)!important;box-shadow:0 12px 30px rgba(74,80,255,.22)}
.auth-primary-cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.auth-secondary-cta{margin-top:0!important;background:#0d1524!important;border-color:#35415c!important;color:#edf3ff!important}
.auth-divider{display:flex;align-items:center;gap:12px;color:#6f7d95;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em;margin:17px 0 13px}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#27334a;flex:1}
.auth-price-note{margin-top:18px!important}
.auth-signup-passwords{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.auth-field-help{font-size:10px;color:#73839d;margin-top:5px}
.auth-signup-consent{margin-top:16px!important;padding:12px 13px!important;background:#09111f!important;border:1px solid #273650!important;border-radius:13px!important}
.auth-signup-consent .v23-check{font-size:11px!important;line-height:1.45!important}
.auth-back-link{display:block;margin:16px auto 0!important;color:#9f90ff!important}
.auth-verification-view{text-align:center}
.auth-verification-icon{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(42,184,255,.18),rgba(126,72,255,.22));border:1px solid rgba(103,193,255,.32);color:#7de7ff;font-size:29px;box-shadow:0 18px 45px rgba(58,98,255,.13)}
.auth-verification-steps{display:grid;gap:8px;text-align:left;margin:20px 0}
.auth-verification-steps>div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid #27344d;background:#0a1220;border-radius:12px}
.auth-verification-steps span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#151f38;color:#73e3ff;font-weight:900;font-size:11px}
.auth-verification-steps p{margin:0!important;font-size:11px!important;color:#b6c2d6!important}
.auth-help{font-size:11px;color:#75849d;line-height:1.5;margin-top:13px}
.auth-card-v4011 .status{font-size:12px;line-height:1.45}
.auth-card-v4011 .status.auth-restoring{display:flex;align-items:center;gap:9px}
.auth-card-v4011 .status.auth-restoring::before{position:static!important;flex:0 0 auto}
@media(max-width:1080px){
  .auth-shell-v4011{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)!important}
  .auth-showcase-v4011{padding:38px 35px 30px!important}
  .auth-cover{width:145px;height:215px}.auth-cover-stage{height:223px}.auth-cover-title{font-size:19px}
}
@media(max-width:880px){
  .auth-shell-v4011{grid-template-columns:1fr!important;max-width:590px!important;min-height:auto!important}
  .auth-showcase-v4011{display:none!important}
  .auth-card-v4011{border-left:0!important;border-radius:32px!important;padding:42px 36px!important}
  .auth-card-v4011 .auth-mobile-brand{display:flex!important;margin-bottom:34px!important}
}
@media(max-width:560px){
  .auth-gate{padding:10px!important;align-items:start!important}
  .auth-shell-v4011{border-radius:24px!important;min-height:calc(100vh - 20px)!important}
  .auth-card-v4011{padding:30px 20px!important;border-radius:24px!important;justify-content:flex-start!important}
  .auth-card-v4011 .auth-mobile-brand{margin-bottom:28px!important}
  .auth-card-v4011 h1{font-size:29px!important}
  .auth-signup-passwords{grid-template-columns:1fr}
  .auth-actions{grid-template-columns:1fr!important}
}