/* ============================================================
   ANDRA2 V11.1 — ULTRA PREMIUM POLISH
   Append AFTER andra2-register-v11.css
   ============================================================ */

:root{
  --u-cyan:#76ecff;
  --u-cyan2:#35d7ff;
  --u-blue:#6288ff;
  --u-violet:#a17cff;
  --u-gold:#f0cb78;
  --u-ink:#050a11;
}

/* ---------- PAGE / CINEMATIC DEPTH ---------- */
.andra-register-page{
  min-height:760px!important;
  border-color:rgba(118,236,255,.17)!important;
  background:#050a11!important;
  box-shadow:
    0 38px 120px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.015) inset!important;
}

.andra-register-backdrop{
  background:
    linear-gradient(90deg,
      rgba(3,8,14,.97) 0%,
      rgba(3,8,14,.85) 31%,
      rgba(3,8,14,.36) 53%,
      rgba(3,8,14,.72) 68%,
      rgba(3,8,14,.95) 100%),
    linear-gradient(180deg,
      rgba(8,16,30,.04) 0%,
      rgba(5,9,16,.15) 54%,
      rgba(3,6,11,.90) 100%),
    url("../img/theme/header-bg.png") 38% center/cover no-repeat!important;
  filter:saturate(1.05) contrast(1.04)!important;
  transform:scale(1.015);
}

.andra-register-backdrop:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 33% 44%,rgba(96,151,255,.19),transparent 23%),
    radial-gradient(circle at 57% 25%,rgba(118,236,255,.08),transparent 20%),
    radial-gradient(circle at 18% 80%,rgba(161,124,255,.08),transparent 26%);
  mix-blend-mode:screen;
  animation:andraAura 8s ease-in-out infinite alternate;
}

.andra-register-backdrop:after{
  background:
    linear-gradient(rgba(118,236,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(118,236,255,.022) 1px,transparent 1px),
    repeating-linear-gradient(to bottom,
      transparent 0,
      transparent 4px,
      rgba(118,236,255,.012) 5px),
    radial-gradient(circle at 58% 40%,rgba(73,130,255,.11),transparent 36%)!important;
  background-size:38px 38px,38px 38px,auto,auto!important;
  opacity:.82!important;
}

@keyframes andraAura{
  0%{opacity:.72;transform:translate3d(-8px,0,0) scale(1)}
  100%{opacity:1;transform:translate3d(10px,-4px,0) scale(1.02)}
}

/* ---------- LAYOUT ---------- */
.andra-register-hero{
  min-height:760px!important;
  grid-template-columns:minmax(360px,1fr) minmax(560px,640px)!important;
  gap:70px!important;
  padding:52px 64px!important;
}

.andra-register-brand{
  max-width:560px!important;
  padding-left:18px!important;
  transform:translateY(-6px);
}

/* ---------- BRAND / HERO COPY ---------- */
.andra-register-kicker{
  position:relative;
  width:max-content;
  margin-bottom:20px!important;
  padding-left:22px;
  color:#a7f3ff!important;
  font-size:9px!important;
  letter-spacing:.28em!important;
  text-shadow:0 0 18px rgba(118,236,255,.45)!important;
}

.andra-register-kicker:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:12px;
  height:1px;
  background:var(--u-cyan);
  box-shadow:0 0 10px var(--u-cyan);
}

.andra-register-brand h1{
  max-width:500px;
  font-size:clamp(43px,3.6vw,62px)!important;
  line-height:.98!important;
  letter-spacing:.005em!important;
  text-wrap:balance;
  background:linear-gradient(180deg,#fff 0%,#f4f9ff 44%,#aebfd1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#fff!important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.75));
}

.andra-register-brand h1 span{
  background:linear-gradient(90deg,#fff,#cae9ff 54%,#98b9ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 18px rgba(93,137,255,.16));
}

.andra-register-brand>p{
  max-width:455px!important;
  margin-top:26px!important;
  margin-bottom:30px!important;
  color:#b3c0cf!important;
  font-size:12px!important;
  line-height:1.8!important;
  text-shadow:0 2px 16px rgba(0,0,0,.75);
}

/* ---------- STEPS ---------- */
.andra-register-steps{
  gap:7px!important;
  margin-bottom:30px!important;
}

.andra-step{
  position:relative;
  min-width:96px;
  min-height:40px;
  justify-content:center;
  padding:8px 12px!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,rgba(13,24,39,.72),rgba(7,15,25,.74))!important;
  backdrop-filter:blur(12px)!important;
  overflow:hidden;
}

.andra-step:after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(118,236,255,.18),transparent);
}

.andra-step.is-active{
  border-color:rgba(118,236,255,.50)!important;
  background:
    linear-gradient(180deg,rgba(27,77,95,.38),rgba(8,22,35,.82))!important;
  box-shadow:
    inset 2px 0 var(--u-cyan),
    0 0 22px rgba(118,236,255,.07)!important;
}

.andra-step.is-active:after{
  background:linear-gradient(90deg,transparent,var(--u-cyan),transparent);
  box-shadow:0 0 8px rgba(118,236,255,.55);
}

.andra-step b{font-size:7px!important}
.andra-step span{font-size:7px!important}

/* ---------- FEATURE BULLETS ---------- */
.andra-register-features{
  gap:12px!important;
}

.andra-register-features div{
  position:relative;
  width:max-content;
  min-width:230px;
  padding:7px 11px 7px 18px;
  color:#b6c4d3!important;
  background:linear-gradient(90deg,rgba(10,22,34,.54),transparent);
  border-left:1px solid rgba(118,236,255,.10);
}

.andra-register-features i{
  width:6px!important;
  height:6px!important;
  background:#85ffc3!important;
  box-shadow:
    0 0 0 4px rgba(105,247,176,.045),
    0 0 14px rgba(105,247,176,.7)!important;
}

/* ---------- GLASS FORM PANEL ---------- */
.andra-register-panel{
  padding:31px 31px 27px!important;
  border-color:rgba(125,181,229,.24)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(83,131,255,.12),transparent 30%),
    linear-gradient(180deg,rgba(14,25,42,.91),rgba(6,13,23,.96))!important;
  backdrop-filter:blur(22px) saturate(1.08)!important;
  box-shadow:
    -25px 0 80px rgba(3,8,14,.28),
    0 32px 85px rgba(0,0,0,.46),
    inset 0 1px rgba(255,255,255,.035),
    inset 0 0 55px rgba(82,136,255,.022)!important;
}

.andra-register-panel:before{
  width:230px!important;
  height:2px!important;
  background:linear-gradient(90deg,#8cf3ff,#5e88ff 55%,transparent)!important;
  box-shadow:
    0 0 16px rgba(118,236,255,.65),
    0 0 30px rgba(99,133,255,.16)!important;
}

.andra-register-panel:after{
  content:"";
  position:absolute;
  pointer-events:none;
  width:44px;
  height:44px;
  right:-1px;
  bottom:-1px;
  border-right:1px solid rgba(118,236,255,.32);
  border-bottom:1px solid rgba(118,236,255,.32);
  clip-path:polygon(55% 0,100% 0,100% 100%,0 100%,0 55%);
  opacity:.6;
}

/* ---------- PANEL HEADER ---------- */
.andra-panel-head{
  padding-bottom:19px!important;
}

.andra-panel-head small{
  color:#91efff!important;
  font-size:7px!important;
  letter-spacing:.23em!important;
}

.andra-panel-head h2{
  font-size:22px!important;
  letter-spacing:.08em!important;
  background:linear-gradient(180deg,#fff,#b8c9dc);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.andra-online-dot{
  padding:7px 10px!important;
  border-color:rgba(105,247,176,.24)!important;
  background:rgba(105,247,176,.035);
  box-shadow:inset 0 0 13px rgba(105,247,176,.025);
}

/* ---------- NOTICE ---------- */
.andra-register-notice{
  min-height:54px;
  margin:18px 0 17px!important;
  padding:11px 14px!important;
  border-color:rgba(240,203,120,.21)!important;
  background:
    linear-gradient(90deg,rgba(240,203,120,.075),rgba(240,203,120,.015)),
    rgba(9,16,27,.48)!important;
}

.andra-register-notice>span{
  flex:0 0 31px;
  width:31px!important;
  height:31px!important;
  border-color:rgba(240,203,120,.38)!important;
  background:rgba(240,203,120,.035);
  box-shadow:0 0 16px rgba(240,203,120,.06);
}

.andra-register-notice strong{
  color:#f5e5bd!important;
  font-size:8px!important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.andra-register-notice p{
  color:#94a4b4!important;
  font-size:8px!important;
}

/* ---------- FIELD LABELS ---------- */
.andra-field{
  margin-bottom:12px!important;
}

.andra-field label{
  margin-bottom:6px!important;
  color:#c7d4df!important;
  font-size:7px!important;
  letter-spacing:.075em!important;
}

.andra-field label em{
  color:#668197!important;
  font-size:7px!important;
}

/* ---------- INPUTS ---------- */
.andra-input{
  isolation:isolate;
}

.andra-field-icon{
  width:48px!important;
  color:#7095ad!important;
  border-right-color:rgba(118,236,255,.10)!important;
  background:linear-gradient(90deg,rgba(118,236,255,.025),transparent);
  transition:.2s ease;
}

.andra-input:focus-within .andra-field-icon{
  color:#a8f5ff!important;
  text-shadow:0 0 12px rgba(118,236,255,.48);
  border-right-color:rgba(118,236,255,.27)!important;
}

.andra-register-page .andra-input input{
  height:49px!important;
  padding-left:62px!important;
  border-color:rgba(117,162,204,.24)!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,#0a1927,#07131f)!important;
  color:#ecf8ff!important;
  -webkit-text-fill-color:#ecf8ff!important;
  caret-color:var(--u-cyan)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.02),
    inset 0 -1px rgba(0,0,0,.15),
    0 6px 17px rgba(0,0,0,.10)!important;
}

.andra-register-page .andra-input input:hover{
  border-color:rgba(118,236,255,.38)!important;
}

.andra-register-page .andra-input input:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(118,236,255,.78)!important;
  background:#071827!important;
  box-shadow:
    0 0 0 3px rgba(118,236,255,.05),
    0 10px 26px rgba(0,0,0,.22),
    0 0 24px rgba(94,136,255,.10),
    inset 0 1px rgba(255,255,255,.03)!important;
}

/* brutal autofill override */
.andra-register-page input:-webkit-autofill,
.andra-register-page input:-webkit-autofill:hover,
.andra-register-page input:-webkit-autofill:focus,
.andra-register-page input:-webkit-autofill:active{
  -webkit-text-fill-color:#eefaff!important;
  caret-color:#fff!important;
  -webkit-box-shadow:
    0 0 0 1000px #081725 inset,
    0 0 0 1px rgba(118,236,255,.28)!important;
  box-shadow:
    0 0 0 1000px #081725 inset,
    0 0 0 1px rgba(118,236,255,.28)!important;
  background-color:#081725!important;
  transition:background-color 99999s ease-out 0s!important;
}

/* ---------- PIN + EMAIL ---------- */
.andra-register-grid{
  grid-template-columns:155px 1fr!important;
  gap:12px!important;
}

/* ---------- SECURITY / TURNSTILE ---------- */
.andra-security{
  position:relative;
  min-height:96px;
  padding:12px 13px!important;
  border-color:rgba(105,247,176,.16)!important;
  background:
    linear-gradient(90deg,rgba(105,247,176,.035),transparent 45%),
    rgba(5,14,20,.50)!important;
  overflow:visible;
}

.andra-security:before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:2px;
  background:#69f7b0;
  opacity:.7;
  box-shadow:0 0 9px rgba(105,247,176,.6);
}

.andra-shield{
  width:33px!important;
  height:33px!important;
  border-color:rgba(105,247,176,.28)!important;
  background:rgba(105,247,176,.035);
  box-shadow:0 0 15px rgba(105,247,176,.06);
}

.andra-security-copy strong{
  color:#e1f6e8!important;
  font-size:7px!important;
  letter-spacing:.04em;
}

.andra-security-copy small{
  color:#607f6e!important;
  font-size:6px!important;
}

/* Turnstile is external iframe; make the container integrate visually */
.andra-register-page .cf-turnstile{
  position:relative!important;
  margin:0!important;
  border-radius:5px;
  overflow:hidden;
  filter:
    saturate(.84)
    contrast(1.04)
    drop-shadow(0 10px 20px rgba(0,0,0,.28))!important;
}

/* ---------- SUBMIT CTA ---------- */
.andra-register-submit{
  height:58px!important;
  margin-top:18px!important;
  border-color:rgba(118,236,255,.68)!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,255,255,.12),transparent 35%),
    linear-gradient(180deg,#1c89a3 0%,#0b647f 52%,#08475e 100%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.20),
    inset 0 -1px rgba(0,0,0,.24),
    0 15px 34px rgba(0,0,0,.30),
    0 0 30px rgba(118,236,255,.12)!important;
}

.andra-register-submit:before{
  background:
    linear-gradient(112deg,
      transparent 22%,
      rgba(255,255,255,.08) 39%,
      rgba(255,255,255,.28) 49%,
      rgba(118,236,255,.12) 54%,
      transparent 72%)!important;
}

.andra-register-submit:after{
  content:"";
  position:absolute;
  z-index:1;
  left:14%;
  right:14%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#a7f6ff,transparent);
  box-shadow:0 0 14px rgba(118,236,255,.9);
}

.andra-register-submit:hover{
  transform:translateY(-3px) scale(1.004)!important;
  filter:brightness(1.12)!important;
  border-color:#b4f8ff!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.23),
    0 20px 44px rgba(0,0,0,.38),
    0 0 42px rgba(118,236,255,.21)!important;
}

.andra-register-submit span{
  font-size:10px!important;
  letter-spacing:.12em!important;
}

.andra-register-submit b{
  color:#bdf6ff!important;
  font-size:6px!important;
  opacity:.9;
}

/* ---------- BOTTOM SYSTEM META ---------- */
.andra-register-bottom{
  margin-top:13px!important;
  color:#4d6980!important;
  font-size:5px!important;
  letter-spacing:.18em!important;
}

.andra-register-bottom i{
  background:#74dcef!important;
  box-shadow:0 0 7px rgba(118,236,255,.45);
}

/* ---------- TINY AMBIENT PARTICLES ---------- */
.andra-register-page:before,
.andra-register-page:after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  border-radius:50%;
}

.andra-register-page:before{
  width:3px;height:3px;
  left:24%;top:20%;
  background:#8defff;
  box-shadow:
    110px 80px rgba(116,222,255,.40),
    -75px 220px rgba(118,236,255,.23),
    180px 330px rgba(161,124,255,.24),
    420px 100px rgba(118,236,255,.22),
    510px 390px rgba(118,236,255,.16);
  animation:andraParticles 6s ease-in-out infinite alternate;
  opacity:.6;
}

.andra-register-page:after{
  width:2px;height:2px;
  left:45%;top:12%;
  background:#fff;
  box-shadow:
    -260px 150px rgba(255,255,255,.18),
    350px 210px rgba(118,236,255,.20),
    510px 60px rgba(255,255,255,.12),
    130px 500px rgba(161,124,255,.18);
  animation:andraParticles2 9s ease-in-out infinite alternate;
  opacity:.45;
}

@keyframes andraParticles{
  to{transform:translate3d(8px,-13px,0);opacity:.85}
}
@keyframes andraParticles2{
  to{transform:translate3d(-6px,15px,0);opacity:.7}
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1250px){
  .andra-register-hero{
    grid-template-columns:minmax(300px,.9fr) minmax(520px,1.1fr)!important;
    gap:42px!important;
    padding:44px 38px!important;
  }
  .andra-register-brand h1{font-size:44px!important}
}

@media(max-width:1100px){
  .andra-register-page{min-height:auto!important}
  .andra-register-hero{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    padding:32px!important;
  }
  .andra-register-brand{display:none!important}
  .andra-register-panel{
    width:min(660px,100%)!important;
    margin:auto!important;
  }
}

@media(max-width:640px){
  .andra-register-hero{padding:12px!important}
  .andra-register-panel{padding:19px 13px!important;border-radius:9px!important}
  .andra-register-grid{grid-template-columns:1fr!important}
  .andra-security{display:block!important}
  .andra-security-copy{margin-bottom:12px!important}
  .andra-panel-head h2{font-size:18px!important}
  .andra-register-submit b{display:none!important}
}