/* Shared premium auth tiles — login + register */
.auth-premium{
  align-content:start;
  padding:max(18px,env(safe-area-inset-top)) 14px 28px;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%,rgba(40,120,220,.35),transparent 55%),
    radial-gradient(circle at 90% 80%,rgba(232,197,106,.1),transparent 40%),
    #070b09;
}
.auth-premium .form-shell{
  width:100%;
  max-width:420px;
  margin:0 auto;
  padding:24px 18px;
  border-radius:22px;
  border:1px solid rgba(34,197,94,.22);
  background:
    linear-gradient(155deg,rgba(12,36,78,.92),rgba(4,14,34,.96)),
    radial-gradient(circle at 100% 0%,rgba(34,197,94,.16),transparent 50%);
  box-shadow:
    0 28px 70px rgba(0,0,0,.4),
    0 0 40px rgba(34,197,94,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
  position:relative;
  overflow:visible;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;
}
.auth-premium .form-shell:hover{
  transform:translateY(-3px);
  border-color:rgba(232,197,106,.4);
  box-shadow:
    0 34px 80px rgba(0,0,0,.45),
    0 0 56px rgba(34,197,94,.22),
    0 0 36px rgba(232,197,106,.14),
    inset 0 1px 0 rgba(255,255,255,.1);
}

/* Animated glowing tile border */
.auth-premium .form-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:22px;
  padding:1.5px;
  background:linear-gradient(135deg,
    rgba(246,214,122,.85) 0%,
    rgba(80,180,255,.55) 25%,
    rgba(255,255,255,.18) 50%,
    rgba(80,180,255,.55) 75%,
    rgba(246,214,122,.85) 100%);
  background-size:250% 250%;
  animation:authBorderGlow 5s ease-in-out infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.85;
  transition:opacity .35s,filter .35s;
  z-index:0;
}
.auth-premium .form-shell:hover::before{
  opacity:1;
  filter:brightness(1.25) saturate(1.15);
  animation-duration:2.4s;
}

/* Soft outer glow ring */
.auth-premium .form-shell::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:24px;
  pointer-events:none;
  z-index:-1;
  background:transparent;
  box-shadow:
    0 0 0 1px rgba(232,197,106,.12),
    0 0 28px rgba(34,197,94,.18),
    0 0 48px rgba(232,197,106,.08);
  transition:box-shadow .35s,opacity .35s;
  opacity:.8;
}
.auth-premium .form-shell:hover::after{
  opacity:1;
  box-shadow:
    0 0 0 1px rgba(232,197,106,.35),
    0 0 40px rgba(34,197,94,.32),
    0 0 64px rgba(232,197,106,.18);
}

/* Gold corner brackets */
.auth-premium .tile-corner{
  position:absolute;
  width:18px;height:18px;
  z-index:3;
  pointer-events:none;
  border:2px solid rgba(246,214,122,.7);
  filter:drop-shadow(0 0 5px rgba(232,197,106,.45));
  transition:width .3s,height .3s,border-color .3s,filter .3s;
}
.auth-premium .tile-corner.tl{top:10px;left:10px;border-right:0;border-bottom:0;border-radius:5px 0 0 0}
.auth-premium .tile-corner.tr{top:10px;right:10px;border-left:0;border-bottom:0;border-radius:0 5px 0 0}
.auth-premium .tile-corner.bl{bottom:10px;left:10px;border-right:0;border-top:0;border-radius:0 0 0 5px}
.auth-premium .tile-corner.br{bottom:10px;right:10px;border-left:0;border-top:0;border-radius:0 0 5px 0}
.auth-premium .form-shell:hover .tile-corner{
  width:24px;height:24px;
  border-color:#ffe6a0;
  filter:drop-shadow(0 0 9px rgba(246,214,122,.85));
}

.auth-premium .back-link,
.auth-premium .form-brand,
.auth-premium .google-auth-block,
.auth-premium .auth-form,
.auth-premium .form-footer{
  position:relative;z-index:2;
}
.auth-premium .back-link{
  display:inline-flex;align-items:center;gap:6px;
  color:#9eb4d6;font-size:13px;font-weight:600;
  transition:color .25s,transform .25s;
}
.auth-premium .back-link:hover{color:#f6e2a8;transform:translateX(-3px)}
.auth-premium .form-brand{margin:16px 0 20px;text-align:center}
.auth-premium .form-brand .brand-mark{
  margin:auto;width:54px;height:54px;
  border:1.5px solid rgba(232,197,106,.7);
  box-shadow:0 0 24px rgba(34,197,94,.35),0 0 16px rgba(232,197,106,.2),inset 0 1px 0 rgba(255,255,255,.15);
  background:linear-gradient(145deg,rgba(20,50,100,.95),rgba(6,16,40,.98));
  transition:transform .3s,box-shadow .3s;
}
.auth-premium .form-brand .brand-mark:hover{
  transform:scale(1.06);
  box-shadow:0 0 32px rgba(34,197,94,.45),0 0 20px rgba(232,197,106,.3);
}
.auth-premium .form-brand h1{
  font:800 clamp(22px,6vw,28px)/1.1 Syne,sans-serif;
  margin:16px 0 6px;
  background:linear-gradient(90deg,#fff,#cfe6ff 60%,#f0d78a);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.auth-premium .form-brand p{color:#9eb4d6;font-size:13px}

.auth-premium .field label{
  font-size:11px;letter-spacing:.12em;color:#86efac;font-weight:700;
}
.auth-premium .field input,
.auth-premium .country-btn,
.auth-premium .country-search{
  font-size:16px;min-height:48px;box-sizing:border-box;
  border-radius:12px;
  border:1px solid rgba(34,197,94,.22);
  background:#030d24;
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;
}
.auth-premium .field input:hover,
.auth-premium .country-btn:hover{
  border-color:rgba(160,210,255,.45);
  box-shadow:0 0 0 3px rgba(34,197,94,.12),0 0 18px rgba(34,197,94,.12);
}
.auth-premium .field input:focus{
  border-color:rgba(232,197,106,.55);
  box-shadow:0 0 0 3px rgba(232,197,106,.14),0 8px 24px rgba(0,0,0,.2),0 0 20px rgba(232,197,106,.1);
  outline:0;
}
.auth-premium .toggle-pass{
  color:#86efac;font-weight:600;font-size:12px;transition:color .2s;
}
.auth-premium .toggle-pass:hover{color:#f6e2a8}
.auth-premium .checkbox{color:#9eb4d6;transition:color .2s}
.auth-premium .checkbox:hover{color:#dff0ff}

.auth-premium .btn.primary.btn-full{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:52px;border-radius:14px;margin-top:6px;
  font:700 15px Syne,sans-serif;letter-spacing:.02em;
  border:1px solid rgba(180,220,255,.35);
  background:linear-gradient(125deg,#0748d4 0%,#0f6fff 45%,#4eb8ff 100%);
  box-shadow:0 14px 36px rgba(34,197,94,.4),0 0 0 1px rgba(232,197,106,.18),inset 0 1px 0 rgba(255,255,255,.3);
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,filter .32s;
}
.auth-premium .btn.primary.btn-full::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);
  transform:translateX(-130%);transition:transform .65s ease;pointer-events:none;
}
.auth-premium .btn.primary.btn-full:hover{
  transform:translateY(-3px) scale(1.015);
  filter:brightness(1.06);
  box-shadow:0 22px 48px rgba(34,197,94,.5),0 0 28px rgba(34,197,94,.3),0 0 0 1px rgba(232,197,106,.4);
}
.auth-premium .btn.primary.btn-full:hover::before{transform:translateX(130%)}

.auth-premium .btn-google{
  border-radius:14px;min-height:48px;font-size:15px;
  border:1px solid rgba(34,197,94,.25);
  transition:transform .28s,box-shadow .28s,border-color .28s;
}
.auth-premium .btn-google:hover:not(:disabled){
  transform:translateY(-3px);
  border-color:rgba(232,197,106,.45);
  box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 20px rgba(232,197,106,.12);
}
.auth-premium .form-footer a{
  color:#86efac;font-weight:700;transition:color .2s;
}
.auth-premium .form-footer a:hover{color:#f6e2a8}
.auth-premium .google-official{display:none !important}
.auth-premium .btn-google{display:flex !important;width:100%;box-sizing:border-box}
.auth-premium .phone-wrap{display:flex;gap:8px;align-items:stretch}
.auth-premium .phone-wrap .country-picker{flex:0 0 auto}
.auth-premium .phone-wrap #phone{flex:1;min-width:0}
.auth-premium .country-item:hover{background:rgba(34,197,94,.18)}

@keyframes authBorderGlow{
  0%,100%{background-position:0% 40%}
  50%{background-position:100% 60%}
}
@media(prefers-reduced-motion:reduce){
  .auth-premium .form-shell::before{animation:none}
  .auth-premium .form-shell:hover{transform:none}
}