/* ATIZA VIP guest journey — shared with the 2026 public commercial site.
   Uses the same black canvas, Raleway, restrained surfaces and ATIZA orange.
   Keep customer-private navigation/forms untouched; only guest chrome changes. */
.customer-guest-shell{
  --accent:var(--atiza-fire);
  --accent-2:#ffb779;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(251,109,1,.42);
  --guest-orange:var(--atiza-fire);
  --guest-red:var(--atiza-red);
  --guest-text:#f6f3ee;
  --guest-muted:#bdb9b2;
  --guest-surface:#101010;
  --guest-radius:14px;
  max-width:1232px;
  padding:16px clamp(18px,4vw,56px) 30px;
  background:transparent;
  min-height:100dvh;
}
body:has(.customer-guest-shell){
  background:#000!important;
  color:#f6f3ee;
}
.customer-guest-shell .login-topbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;min-height:94px;padding:12px 0 20px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.customer-guest-shell .login-brand-link{display:inline-flex;flex:none;max-width:148px;align-items:center}
.customer-guest-shell .login-brand-image{
  width:128px;height:auto;max-height:68px;object-fit:contain;object-position:left center
}
.customer-guest-shell .login-navigation{
  display:flex;justify-content:flex-end;align-items:center;
  flex-wrap:wrap;gap:clamp(10px,2vw,25px)
}
.customer-guest-shell .login-navigation a{
  color:#f6f3ee;font-size:.84rem;line-height:1.4;
  min-height:44px;display:inline-flex;align-items:center;
  border-radius:8px;padding:10px 8px;font-weight:700;
}
.customer-guest-shell .login-navigation a:hover{color:#ffb779}
.customer-guest-shell .login-navigation a[aria-current="page"]{color:var(--atiza-fire)}
.customer-guest-shell .login-navigation .login-nav-register{border-radius:8px;min-height:46px;
  padding:11px 19px;font-weight:800}
.customer-guest-shell .login-layout{
  grid-template-columns:minmax(0,1.05fr) minmax(345px,.95fr);
  gap:clamp(24px,5vw,76px);min-height:auto;
  padding:clamp(38px,5vw,76px) 0 65px
}
.customer-guest-shell .login-story{padding:4px 0}
.customer-guest-shell .login-eyebrow{color:#ffb779}
.customer-guest-shell .login-headline{
  font-size:clamp(2.7rem,5.2vw,4.8rem);
  font-weight:800;line-height:1.04
}
.customer-guest-shell .login-headline span{
  background-image:linear-gradient(110deg,#ffb779 0%,var(--atiza-fire) 46%,var(--atiza-red) 100%)
}
.customer-guest-shell .login-intro{color:#cfcbc5;line-height:1.65}
.customer-guest-shell .login-perk{
  background:var(--atiza-surface);
  border:1px solid rgba(251,109,1,.43);
  border-radius:14px;
  box-shadow:none;
  padding:21px;
}
.customer-guest-shell .login-perk-text span{color:#cfc8c0}
.customer-guest-shell .login-perk-monogram{border-radius:12px}
.customer-guest-shell .login-stamp-sequence b{border-radius:8px}
.customer-guest-shell .login-auth-zone>.login-access-grid>.login-form-card{
  background:var(--atiza-surface);border:1px solid rgba(255,255,255,.19);
  border-radius:14px;box-shadow:none;padding:clamp(24px,3vw,38px)
}
.customer-guest-shell .login-auth-zone .field input{
  background:#060606;border-color:rgba(255,255,255,.28);
  border-radius:8px;color:#fff;min-height:52px;font-size:1rem
}
.customer-guest-shell .login-password-toggle{border-radius:7px}
.customer-guest-shell .btn{
  min-height:48px;border-radius:8px;font-weight:800
}
.customer-guest-shell .btn.btn-soft{border-radius:8px}
.customer-guest-shell .login-extra-benefits{
  background:var(--atiza-surface);border:1px solid rgba(255,255,255,.14);border-radius:14px
}
.customer-guest-shell .login-provider-link{
  background:var(--atiza-surface);border-radius:8px;border-color:rgba(255,255,255,.23)
}
.customer-guest-shell .login-provider-link:hover{background:#171717}
.customer-guest-info-shell{max-width:1120px}
.customer-guest-info-shell .guest-page-heading{
  display:grid;gap:12px;padding:clamp(32px,5vw,60px) 0 clamp(24px,4vw,40px);
  max-width:910px
}
.customer-guest-info-shell .guest-page-kicker{
  color:#ffb779;font-size:.76rem;letter-spacing:.17em;
  font-weight:800
}
.customer-guest-info-shell .guest-page-heading h1{
  font-size:clamp(2.2rem,4.4vw,3.75rem);font-weight:800;
  line-height:1.08;letter-spacing:-.035em;color:#f6f3ee;margin:0
}
.customer-guest-info-shell .guest-page-heading p{
  font-size:clamp(.93rem,1.35vw,1.06rem);line-height:1.6;
  color:#bdb9b2;margin:0
}
.customer-guest-info-shell :is(.card,.club-card,.hero-card,.raffle-public-card,.special-hero,.module-card){
  border:1px solid rgba(255,255,255,.16);
  background:var(--atiza-surface);
  border-radius:14px;
  box-shadow:none;
}
.customer-guest-info-shell :is(.card,.club-card,.hero-card){padding:clamp(20px,3vw,30px)}
.customer-guest-info-shell .grid-2{
  align-items:start;gap:18px
}
.customer-guest-info-shell .hero-title,
.customer-guest-info-shell h2{
  font-size:clamp(1.4rem,2.5vw,2rem);
  font-weight:800;line-height:1.2
}
.customer-guest-info-shell h3{font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:800}
.customer-guest-info-shell :is(.module-kicker,.special-badge){color:#ffb779}
.customer-guest-info-shell :is(.hero-copy,.module-copy,.card p,.club-card p,.raffle-public-card p){
  line-height:1.65
}
.customer-guest-info-shell .field label{font-weight:700;color:#e4dfd9}
.customer-guest-info-shell .field :is(input,select,textarea){
  background:#070707;color:#f6f3ee;
  border:1px solid rgba(255,255,255,.3);
  border-radius:8px;font-size:1rem;min-height:48px;
}
.customer-guest-info-shell .field :is(input,select,textarea):focus-visible{
  outline:2px solid var(--atiza-fire);outline-offset:2px
}
.customer-guest-info-shell .btn-row{gap:10px}
.customer-guest-info-shell .raffle-public-chip,
.customer-guest-info-shell .coupon-chip{
  border-color:rgba(251,109,1,.4);
  background:rgba(251,109,1,.1);color:#ffb779;
}
.customer-guest-info-shell main.club-card{display:grid;gap:15px;max-width:970px}
.customer-guest-info-shell main.club-card :is(h2,h3){color:#f6f3ee;margin-top:10px}
.customer-guest-info-shell main.club-card p{margin:0;color:#cbc6bf}
.customer-guest-info-shell main.club-card .btn{width:max-content;max-width:100%;margin-top:10px}
.customer-guest-shell .guest-footer{
  display:flex;justify-content:space-between;align-items:center;
  gap:18px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.17);
  padding:30px 0 18px;color:#bdb9b2
}
.customer-guest-shell .guest-footer-brand{display:grid;gap:5px;min-width:150px}
.customer-guest-shell .guest-footer-brand strong{color:#fff;font-weight:800;letter-spacing:.07em}
.customer-guest-shell .guest-footer-brand span{font-size:.71rem}
.customer-guest-shell .guest-footer-links{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 19px
}
.customer-guest-shell .guest-footer-links a{
  color:#ded7d0;font-size:.82rem;min-height:44px;
  display:inline-flex;align-items:center
}
.customer-guest-shell .guest-footer-links a:hover{color:#ffb779}
.customer-guest-shell .guest-footer small{font-size:.75rem;flex-basis:100%;color:#aca7a1}
.customer-guest-shell :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--atiza-fire);outline-offset:3px}
@media(max-width:850px){
  .customer-guest-shell .login-layout{
    display:flex;flex-direction:column;gap:24px;
    padding:26px 0 36px
  }
  .customer-guest-shell .login-auth-zone{order:0;width:100%;max-width:550px}
  .customer-guest-shell .login-story{order:1;width:100%;max-width:550px;margin-inline:auto}
  .customer-guest-shell .login-headline{font-size:clamp(2.25rem,7vw,3.2rem)}
  .customer-guest-shell .guest-footer{align-items:flex-start}
}
@media(max-width:520px){
  .customer-guest-shell{padding:10px 16px 22px}
  .customer-guest-shell .login-topbar{min-height:70px;padding-bottom:12px;gap:12px}
  .customer-guest-shell .login-brand-link{max-width:114px}
  .customer-guest-shell .login-brand-image{width:112px;max-height:58px}
  .customer-guest-shell .login-navigation{gap:8px}
  .customer-guest-shell .login-navigation a{font-size:.74rem;padding:8px 7px;min-height:42px}
  .customer-guest-shell .login-navigation .login-nav-extra{display:none}
  .customer-guest-shell .login-navigation .login-nav-register{padding:8px 11px}
  .customer-guest-info-shell .guest-page-heading{padding:28px 0 23px}
  .customer-guest-info-shell .guest-page-heading h1{font-size:clamp(2rem,9vw,2.5rem)}
  .customer-guest-info-shell :is(.card,.club-card,.hero-card){padding:20px 18px}
  .customer-guest-shell .login-auth-zone>.login-access-grid>.login-form-card{padding:24px 19px}
  .customer-guest-shell .guest-footer{padding:24px 0 12px}
  .customer-guest-shell .guest-footer-links{gap:4px 17px}
}
@media(prefers-reduced-motion:reduce){
  .customer-guest-shell *{transition:none!important}
}

/* ATIZA VIP / LOGIN — controlled single-viewport desktop composition.
   Form first, Google beneath the primary sign-in; all guest inner pages retain
   their independent scrolling. Deliberately scoped to the login screen. */
@media (min-width: 851px) {
  body:has(.customer-login-shell){background:#000!important}
  .customer-login-shell.customer-guest-shell{
    display:flex;flex-direction:column;
    width:min(100%,1320px);max-width:1320px;
    min-height:100vh;min-height:100dvh;
    padding:10px clamp(22px,3.1vw,48px) 10px;
  }
  .customer-login-shell.customer-guest-shell .login-topbar{
    flex:0 0 auto;min-height:72px;
    padding:5px 0 12px;gap:16px;
  }
  .customer-login-shell.customer-guest-shell .login-brand-image{
    width:136px;max-height:61px;
  }
  .customer-login-shell.customer-guest-shell .login-layout{
    flex:1 1 auto;min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:clamp(24px,4.3vw,65px);
    align-items:center;
    padding:15px 0;
  }
  .customer-login-shell.customer-guest-shell .login-story{
    max-width:610px;min-width:0;padding:0;
  }
  .customer-login-shell.customer-guest-shell .login-eyebrow{
    margin:0 0 14px;font-size:.69rem;letter-spacing:.17em;
  }
  .customer-login-shell.customer-guest-shell .login-headline{
    font-size:clamp(2.65rem,3.62vw,3.45rem);
    line-height:1.06;letter-spacing:-.047em;
  }
  .customer-login-shell.customer-guest-shell .login-headline span{
    margin-top:.06em;color:var(--atiza-fire);
  }
  .customer-login-shell.customer-guest-shell .login-intro{
    max-width:540px;margin:17px 0 0;
    font-size:.94rem;line-height:1.62;
  }
  .customer-login-shell.customer-guest-shell .login-perk{
    max-width:575px;margin:24px 0 0;
    padding:15px 16px;gap:14px;
    background:var(--atiza-surface,#101010);
    border:1px solid rgba(251,109,1,.34);border-radius:12px;
  }
  .customer-login-shell.customer-guest-shell .login-perk-mark{
    width:50px;height:50px;flex:0 0 50px;border-radius:11px;box-shadow:none;
  }
  .customer-login-shell.customer-guest-shell .login-perk-text strong{
    font-size:.95rem;line-height:1.35;
  }
  .customer-login-shell.customer-guest-shell .login-perk-text span{
    font-size:.78rem;line-height:1.5;
  }
  .customer-login-shell.customer-guest-shell .login-stamp-preview{
    margin:19px 0 0;gap:8px;
  }
  .customer-login-shell.customer-guest-shell .login-stamp-sequence{gap:6px}
  .customer-login-shell.customer-guest-shell .login-stamp-sequence i{
    width:33px;height:33px;
  }
  .customer-login-shell.customer-guest-shell .login-stamp-sequence b{padding:9px 11px;font-size:.68rem}
  .customer-login-shell.customer-guest-shell .login-auth-zone{
    width:100%;max-width:490px;margin-inline:auto;
  }
  .customer-login-shell.customer-guest-shell .login-auth-zone>.login-access-grid{
    gap:0;align-items:stretch;
  }
  .customer-login-shell.customer-guest-shell .login-auth-zone>.login-access-grid>.login-form-card{
    background:#101010;
    border:1px solid rgba(255,255,255,.19);
    border-radius:14px;box-shadow:none;
    padding:clamp(20px,2.25vw,29px);
  }
  .customer-login-shell.customer-guest-shell .login-form-heading{
    display:grid;gap:5px;margin:0 0 17px;
  }
  .customer-login-shell.customer-guest-shell .login-form-heading h2{
    font-size:clamp(1.55rem,2.1vw,1.85rem);
  }
  .customer-login-shell.customer-guest-shell .login-form-heading p{
    font-size:.85rem;line-height:1.4;
  }
  .customer-login-shell.customer-guest-shell .form-grid{
    gap:11px;
  }
  .customer-login-shell.customer-guest-shell .field{gap:6px}
  .customer-login-shell.customer-guest-shell .field input{
    min-height:47px;padding:11px 14px;border-radius:8px;
    background:#090909;color:#fff;
  }
  .customer-login-shell.customer-guest-shell .field input:focus{
    background:#090909;
  }
  .customer-login-shell.customer-guest-shell .field input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 100px #090909 inset;
  }
  .customer-login-shell.customer-guest-shell .login-form-tools{margin-top:6px}
  .customer-login-shell.customer-guest-shell .login-submit-row{margin-top:13px}
  .customer-login-shell.customer-guest-shell .login-submit-row .btn{
    min-height:49px;box-shadow:none!important;
    border-radius:8px;
  }
  .customer-login-shell.customer-guest-shell .login-social-options{
    display:grid;gap:8px;
    margin:14px 0 0;
  }
  .customer-login-shell.customer-guest-shell .login-social-divider{
    font-size:.76rem;color:#bbb1a8;
  }
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social{
    margin:0;gap:0;
  }
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social>p.note{
    display:none;
  }
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social-buttons{
    width:100%;gap:8px;
  }
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social-buttons .btn{
    min-height:46px;border-radius:9px;
  }
  .customer-login-shell.customer-guest-shell .login-create-account{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:4px 9px;
    margin-top:14px;padding-top:13px;
    font-size:.83rem;
  }
  .customer-login-shell.customer-guest-shell .login-create-account>span{
    font-size:.82rem;
  }
  .customer-login-shell.customer-guest-shell .guest-footer{
    flex:0 0 auto;
    padding:9px 0 3px;gap:6px 18px;
  }
  .customer-login-shell.customer-guest-shell .guest-footer-links{gap:2px 14px}
  .customer-login-shell.customer-guest-shell .guest-footer-links a{
    min-height:35px;font-size:.76rem;
  }
  .customer-login-shell.customer-guest-shell .guest-footer-brand{gap:2px}
  .customer-login-shell.customer-guest-shell .guest-footer-brand span{font-size:.69rem}
  .customer-login-shell.customer-guest-shell .guest-footer small{font-size:.71rem}
}
@media (min-width:851px) and (max-height:760px) {
  .customer-login-shell.customer-guest-shell .login-layout{padding:8px 0}
  .customer-login-shell.customer-guest-shell .login-headline{font-size:clamp(2.35rem,3.3vw,3rem)}
  .customer-login-shell.customer-guest-shell .login-intro{margin-top:10px}
  .customer-login-shell.customer-guest-shell .login-perk{margin-top:14px;padding:12px}
  .customer-login-shell.customer-guest-shell .login-stamp-preview{margin-top:12px}
  .customer-login-shell.customer-guest-shell .login-auth-zone>.login-access-grid>.login-form-card{padding:17px 23px}
  .customer-login-shell.customer-guest-shell .login-form-heading{margin-bottom:10px}
  .customer-login-shell.customer-guest-shell .login-social-options{margin-top:9px}
  .customer-login-shell.customer-guest-shell .login-create-account{margin-top:9px;padding-top:9px}
}
@media (max-width:850px) {
  .customer-login-shell.customer-guest-shell .login-social-options{
    margin:15px 0 0;gap:9px;
  }
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social{margin:0}
  .customer-login-shell.customer-guest-shell .login-social-options .customer-social>p.note{display:none}
  .customer-login-shell.customer-guest-shell .login-create-account{
    margin-top:17px;padding-top:16px;
  }
  .customer-login-shell.customer-guest-shell .login-auth-zone>.login-access-grid>.login-form-card{
    background:#101010;border-color:rgba(255,255,255,.2);box-shadow:none;
  }
  .customer-login-shell.customer-guest-shell .field input{background:#090909}
  .customer-login-shell.customer-guest-shell .field input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 100px #090909 inset;
  }
}