body.signup-card{
  min-height:100dvh!important;
  height:auto!important;
  overflow:auto!important;
  background-color:#05060f!important;
  background-image:
    linear-gradient(90deg, transparent 0%, rgba(255,186,40,.22) 12%, transparent 26%),
    linear-gradient(90deg, transparent 74%, rgba(255,186,40,.28) 88%, transparent 100%),
    radial-gradient(circle at 50% 18%, rgba(18,48,120,.45), transparent 46%),
    linear-gradient(180deg, #070b18 0%, #05060f 40%, #070b16 100%)!important;
}
body.signup-card:after,
body.signup-card .luxury-footer,
body.signup-card .back-to-top,
body.signup-card .avenor-guide{display:none!important}
body.signup-card .home-nav-shell,
body.signup-card .nav-shell,
body.signup-card header.nav-shell{display:none!important}
body.signup-card main{
  display:block!important;
  overflow:visible!important;
  padding:0!important;
  min-height:100dvh;
}

.sg-page{
  width:100%;
  min-width:0;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:18px 12px 28px;
  box-sizing:border-box;
}
.sg-card{
  width:348px!important;
  max-width:348px!important;
  min-width:0!important;
  box-sizing:border-box;
  padding:0 0 14px;
  overflow:hidden!important;
  border-radius:32px!important;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg, #0c348c 0%, #071c55 55%, #061433 100%);
  border:2px solid #6fd0ff;
  box-shadow:
    0 0 0 3px #f3c14b,
    0 0 16px rgba(80,210,255,.9),
    0 0 28px rgba(243,193,75,.55);
}
.sg-banner{
  display:block;
  width:100%;
  max-width:100%;
  height:188px;
  margin:0;
  object-fit:cover;
  object-position:center 46%;
  border-radius:30px 30px 0 0;
}
.sg-body,.sg-form,.sg-row{max-width:100%;min-width:0}
.sg-body{padding:12px 16px 2px!important;box-sizing:border-box!important}
.sg-card h1{
  margin:2px 0 0;
  color:#f6c453!important;
  font-size:1.65rem;
  font-weight:800;
  letter-spacing:.01em;
}
.sg-lead{
  margin:2px 0 12px;
  color:#d7e6ff;
  font-size:.92rem;
}
.sg-note,
.sg-error{
  margin:0 0 10px;
  padding:8px 10px;
  border-radius:12px;
  font-size:.82rem;
  text-align:left;
}
.sg-note{background:rgba(246,196,83,.12);color:#ffe7a3}
.sg-error{background:rgba(255,70,70,.16);color:#ffd0d0}
.sg-form{text-align:left}
.sg-label{
  display:flex;
  align-items:center;
  gap:6px;
  margin:10px 0 6px;
  color:#f6c453;
  font-size:.84rem;
  font-weight:800;
}
.sg-field{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 12px;
  border-radius:12px;
  border:1.5px solid rgba(90,170,255,.75);
  background:rgba(4,18,58,.85);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
.sg-field i{color:#7eb6ff;font-size:.95rem}
.sg-field input{
  flex:1;
  min-width:0;
  height:44px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:.95rem;
}
.sg-field input::placeholder{color:#9eb4d6}
body.signup-card .sg-field{position:relative!important}
body.signup-card .sg-field .password-toggle{
  position:absolute!important;
  top:50%!important;
  right:18px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  margin:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:rgba(8,24,60,.55)!important;
  color:#d7e8ff!important;
  z-index:3;
}
body.signup-card .sg-field input{padding-right:34px}
.sg-hint{
  margin:5px 2px 0;
  color:#b7c9e4;
  font-size:.72rem;
  line-height:1.35;
  white-space:normal;
  overflow:visible;
}
body.signup-card .ql-select-wrap{margin:0 0 4px}
body.signup-card .ql-select-wrap:after{
  border-right-color:#9ec4ff;
  border-bottom-color:#9ec4ff;
  right:16px;
}
body.signup-card .sg-body,
body.signup-card .sg-form,
body.signup-card .quick-login,
body.signup-card .ql-select-wrap,
body.signup-card .sg-row,
body.signup-card .sg-field{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body.signup-card .ql-select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:46px!important;
  height:46px!important;
  line-height:46px!important;
  padding:0 36px 0 14px!important;
  border:1.5px solid rgba(90,170,255,.75)!important;
  border-radius:12px!important;
  color:#d7e6ff!important;
  background:rgba(4,18,58,.85)!important;
  font-weight:600;
  box-shadow:none!important;
}
body.signup-card .ql-select:focus{
  color:#fff!important;
  border-color:#7ec8ff!important;
  box-shadow:none!important;
}
.sg-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  width:100%;
  margin-top:12px;
}
.sg-check{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  min-width:0;
  color:#d7e6ff;
  font-size:.72rem;
  font-weight:700;
  white-space:nowrap;
}
.sg-check input{accent-color:#3d8bff;width:15px;height:15px}
body.signup-card .sg-forgot{
  justify-self:end;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:#7ec8ff!important;
  font-size:11px!important;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
body.signup-card .sg-forgot-note{
  display:none;
  margin:8px 0 0;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(246,196,83,.14);
  color:#ffe7a3;
  font-size:.75rem;
  font-weight:600;
  line-height:1.4;
  text-align:left;
  white-space:normal;
}
body.signup-card .sg-forgot-note.is-on{display:block}
body.signup-card #registerSubmit.sg-submit,
body.signup-card #loginSubmit.sg-submit{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin-top:14px!important;
  padding:0 22px!important;
  border:2px solid #f3d56a!important;
  border-radius:999px!important;
  color:#10204a!important;
  font-size:1.15rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.12) 36%, rgba(255,255,255,0) 37%),
    linear-gradient(180deg, #ffe56a 0%, #f6c21c 48%, #e8a60c 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -5px 8px rgba(176,110,0,.28),
    0 3px 0 #c99410,
    0 8px 16px rgba(0,0,0,.28)!important;
}
body.signup-card #registerSubmit.sg-submit:hover,
body.signup-card #loginSubmit.sg-submit:hover{
  color:#10204a!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.14) 36%, rgba(255,255,255,0) 37%),
    linear-gradient(180deg, #fff08a 0%, #f8cc2e 48%, #efb014 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -5px 8px rgba(176,110,0,.22),
    0 4px 0 #c99410,
    0 12px 18px rgba(0,0,0,.3)!important;
}
body.signup-card .sg-go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:2.5px solid #10204a;
  border-radius:50%;
  color:#10204a;
  background:rgba(255,255,255,.2);
  font-size:.72rem;
  line-height:1;
  flex:0 0 auto;
}
.sg-switch{
  margin:16px 0 8px;
  color:#e7f0ff;
  font-size:.9rem;
}
.sg-login{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  border-radius:12px;
  text-decoration:none;
  color:#fff;
  font-weight:800;
  border:1.5px solid rgba(110,180,255,.85);
  background:linear-gradient(180deg, rgba(18,55,140,.55), rgba(6,22,70,.8));
  box-shadow:0 0 12px rgba(80,160,255,.25);
}
.sg-secure{
  margin:12px 0 2px;
  color:#c5d6f0;
  font-size:.78rem;
  font-weight:700;
}
.sg-secure i{margin-right:4px}

.sg-foot{
  width:min(420px, calc(100vw - 28px));
  margin:16px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#d7e4ff;
  font-size:.78rem;
  font-weight:700;
}
.sg-foot img{
  width:28px;
  height:28px;
  border-radius:8px;
  object-fit:cover;
}
.sg-foot small{font-weight:600;color:#9eb4d6}

@media (max-width:380px){
  .sg-card h1{font-size:1.4rem}
}