/* GB VIP Website 11.3.2 · Desktop-only login presentation.
   Intentionally touches only the UNAUTHENTICATED PIN entrance; no auth JS,
   Supabase permissions, D1, gallery, account page or Android layout changes. */
@media (min-width: 960px) and (hover: hover) {
  html.gb-web-v11 .login-screen {
    padding:clamp(22px,4vh,50px) clamp(28px,4.2vw,70px)!important;
    min-height:100dvh;
    background:
      radial-gradient(ellipse 65% 80% at 88% -18%, rgba(69,91,146,.20),transparent 75%),
      radial-gradient(ellipse 65% 66% at -12% 100%, rgba(70,83,129,.15),transparent 82%),
      #0b0e19;
  }
  html.gb-web-v11 .login-screen .login-glow {
    position:fixed;
    width:min(62vw,850px);
    height:min(78vh,680px);
    top:8%;right:1%;
    filter:blur(110px);
    background:rgba(76,104,179,.13);
    pointer-events:none;
  }
  html.gb-web-v11 .login-card.gb-pin-card {
    box-sizing:border-box;
    display:grid!important;
    width:min(100%,1120px)!important;
    max-width:1120px!important;
    min-height:min(610px,calc(100dvh - 70px));
    padding:clamp(40px,5vw,70px)!important;
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
    grid-template-rows:100px 26px minmax(130px,1fr) 18px 22px;
    column-gap:clamp(36px,5vw,90px);
    row-gap:14px;
    align-items:stretch;
    justify-items:stretch;
    border-radius:38px!important;
    background:
      radial-gradient(ellipse 80% 85% at 2% -15%,rgba(142,162,220,.16),transparent 72%),
      radial-gradient(ellipse 55% 100% at 97% 107%,rgba(90,116,182,.10),transparent 75%),
      linear-gradient(122deg,rgba(45,57,88,.97),rgba(29,39,69,.98) 52%,rgba(19,28,53,.98))!important;
    border:1px solid rgba(197,213,248,.39)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 32px 100px rgba(2,5,20,.63),0 0 0 1px rgba(16,25,49,.2)!important;
    isolation:isolate;
  }
  html.gb-web-v11 .login-card.gb-pin-card::before {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(112deg,rgba(255,255,255,.075),transparent 31% 75%,rgba(166,195,248,.045));
    pointer-events:none;
    z-index:0;
  }
  html.gb-web-v11 .login-card.gb-pin-card > * {position:relative;z-index:1;min-width:0;}
  html.gb-web-v11 .login-card.gb-pin-card .login-logo {
    grid-column:1;grid-row:1;
    justify-self:start;align-self:start;
    margin:0!important;
    text-align:left!important;
    font-size:100px!important;
    line-height:.95!important;
    letter-spacing:-.13em;
    filter:drop-shadow(0 4px 16px rgba(0,0,0,.10));
  }
  html.gb-web-v11 .login-card.gb-pin-card .micro {
    grid-column:1;grid-row:2;
    justify-self:start;align-self:center;
    margin:0!important;
    color:#aab6d5;
    font-size:11px!important;
    letter-spacing:.24em;
    text-align:left!important;
  }
  html.gb-web-v11 .login-card.gb-pin-card h1 {
    grid-column:1;grid-row:3;
    align-self:end;justify-self:start;
    max-width:520px;
    font-weight:750;
    font-size:clamp(45px,4.35vw,62px);
    line-height:1.08;
    letter-spacing:-.072em;
    text-align:left;
    margin:0 0 6px!important;
    text-wrap:balance;
    color:#f4f6ff;
  }
  html.gb-web-v11 .login-card.gb-pin-card p {
    grid-column:1;grid-row:4;
    align-self:start;justify-self:start;
    max-width:380px;
    font-size:15px;
    line-height:1.85;
    letter-spacing:-.018em;
    text-align:left;
    margin:0!important;
    color:#b5bfd8;
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-form {
    grid-column:2;grid-row:1 / 5;
    align-self:center;justify-self:stretch;
    width:100%;min-width:0;
    margin:0!important;
    padding:34px clamp(24px,2.5vw,39px) 36px;
    gap:19px;
    border-radius:29px;
    border:1px solid rgba(207,221,255,.19);
    background:linear-gradient(157deg,rgba(14,23,47,.61),rgba(10,18,38,.48));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 15px 45px rgba(2,6,21,.20);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-form::before {
    content:'ВХОД В GB VIP';
    display:block;
    font-size:13px;
    font-weight:800;
    letter-spacing:.17em;
    color:#dee5ff;
    margin:0 0 6px;
    text-align:left;
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-label {
    font-size:12px;
    gap:10px;
    color:#b9c4e1;
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-field {
    min-height:56px;
    padding:14px 17px;
    border-radius:17px;
    background:rgba(10,16,33,.62);
    border:1px solid rgba(170,191,237,.34);
    font-size:14px;
    transition:border-color .2s,box-shadow .2s,background .2s;
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-field:focus {
    border-color:#b8cbff;
    box-shadow:0 0 0 3px rgba(155,181,255,.17),inset 0 1px 0 rgba(255,255,255,.12);
  }
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-submit {
    min-height:57px;
    font-size:14px;
    font-weight:750;
    margin-top:5px;
    border-radius:18px;
  }
  html.gb-web-v11 .login-card.gb-pin-card small {
    grid-column:2;grid-row:5;
    align-self:end;justify-self:center;
    margin:0!important;
    font-size:11px;
    color:#97a6c9;
    text-align:center;
    line-height:1.6;
    letter-spacing:.012em;
  }
}
@media (min-width:960px) and (hover:hover) and (max-height:740px){
  html.gb-web-v11 .login-card.gb-pin-card {
    padding:33px 54px!important;
    min-height:530px;
    grid-template-rows:77px 22px minmax(115px,1fr) 12px 18px;
    row-gap:9px;
  }
  html.gb-web-v11 .login-card.gb-pin-card .login-logo{font-size:81px!important;}
  html.gb-web-v11 .login-card.gb-pin-card h1{font-size:clamp(42px,3.7vw,54px);}
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-form{padding-top:24px;padding-bottom:27px;gap:13px;}
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-field{min-height:48px;}
  html.gb-web-v11 .login-card.gb-pin-card .gb-pin-submit{min-height:50px;}
}