*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Inter',sans-serif;
  background:radial-gradient(1000px 600px at 10% 10%,#1b263b 0%,rgba(27,38,59,0.9) 25%,#0b1020 60%);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:24px;
}

/* Glossy card */
.glossy-card{
  width:100%;
  max-width:420px; /* widened box */
  background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));
  border-radius:18px;padding:32px 28px;
  border:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(2,6,23,0.7),inset 0 1px 0 rgba(255,255,255,0.03);
  position:relative;text-align:center;overflow:hidden;
}
.glossy-card::before{
  content:'';position:absolute;left:-40%;top:-30%;width:200%;height:60%;
  background:linear-gradient(120deg,rgba(255,255,255,0.12),rgba(255,255,255,0.02) 40%,rgba(255,255,255,0));
  transform:rotate(-18deg);pointer-events:none;
}

/* Logo */
.logo-box{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}
.logo{
  width:80px;height:80px;border-radius:18px;
  background:linear-gradient(135deg,#99CD34,#8DC63F);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:22px;color:#fff;
  box-shadow:0 6px 18px rgba(153,205,52,0.3);
}
.app-title{font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}

/* Error */
.error-box{
  background:rgba(255,80,80,0.08);padding:10px;border-radius:8px;
  color:#ffb3b3;margin-bottom:12px;font-size:13px;
}

/* Inputs */
.field{margin-bottom:16px;text-align:left}
label{display:block;font-size:12px;color:rgba(255,255,255,0.75);margin-bottom:6px}
input[type=text],input[type=password],input[type=email]{
  width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);
  background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));
  color:#fff;font-size:14px;outline:none;
}

/* Password field with show button inside */
.password-container{
  position:relative;
  display:flex;align-items:center;
}
.password-container input{
  width:100%;
  padding-right:60px; /* space for show button */
}
.show-icon{
  position:absolute;right:12px;top:50%;
  transform:translateY(-50%);
  font-size:13px;
  color:#99CD34;
  cursor:pointer;
  background:none;
  border:none;
  user-select:none;
  transition:color .2s ease;
}
.show-icon:hover{color:#fff}

/* Forgot Password */
.forgot{text-align:right;margin-bottom:14px}
.link{font-size:13px;color:#99CD34;text-decoration:none;cursor:pointer}
.link:hover{color:#fff;text-decoration:underline}

/* Button */
.btn-primary{
  background:linear-gradient(90deg,#99CD34,#8DC63F);
  padding:12px 18px;border-radius:12px;border:0;
  color:#fff;font-weight:600;cursor:pointer;
  box-shadow:0 8px 20px rgba(153,205,52,0.2);
  width:100%;transition:transform .2s ease;
}
.btn-primary:hover{transform:scale(1.03)}

/* Divider + Copyright */
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);margin:20px 0;border-radius:2px}
.copyright p{font-size:12px;color:rgba(255,255,255,0.6)}

/* Modal */
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,0.6);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.modal.open{opacity:1;pointer-events:auto}
.modal-card{
  width:100%;max-width:360px;background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));
  padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,0.06);text-align:left;
}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.small{font-size:13px;color:rgba(255,255,255,0.75)}

input[type="radio"] {
    box-shadow: none !important;
}
.html-form-clean-wrapper .form-field-group input:focus, .html-form-clean-wrapper .form-field-group select:focus, .html-form-clean-wrapper .form-field-group textarea:focus
Specificity: (0,3,1)
 {
    border-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
}