:root{
  --gx-green:#1b8f5a;
  --gx-green-dark:#157a4c;
  --gx-soft:#eef8f3;
  --gx-border:#d8eee2;
  --gx-text:#1f2933;
}

body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--gx-soft);
  color:var(--gx-text);
}

.gx-container{
  max-width:920px;
  margin:24px auto;
  background:#ffffff;
  padding:32px;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.08);
}

h1{
  font-size:30px;
  color:var(--gx-green);
  text-align:center;
}

.gx-intro{
  text-align:center;
  font-size:15px;
  color:#374151;
  margin-bottom:22px;
}

.gx-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}

@media(max-width:700px){
  .gx-grid{grid-template-columns:1fr;}
}

.gx-box{
  position:relative;
  background:#f9fffc;
  border:1px solid var(--gx-border);
  border-radius:14px;
  padding:18px 14px 14px;
}

.gx-box label{
  position:absolute;
  top:8px;
  left:14px;
  font-size:12px;
  font-weight:600;
  color:#6b7280;
  background:#f9fffc;
  padding:0 6px;
}

.gx-box input,
.gx-box select{
  width:100%;
  margin-top:14px;
  padding:12px;
  font-size:15px;
  border:none;
  background:transparent;
  outline:none;
}

.gx-btn{
  margin-top:26px;
  width:100%;
  padding:16px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,var(--gx-green),var(--gx-green-dark));
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

.gx-result{
  display:none;
  margin-top:30px;
  padding:24px;
  border-radius:16px;
  background:#f0fbf6;
  border:1px solid var(--gx-border);
  text-align:center;
}

.gx-amount{
  font-size:30px;
  font-weight:800;
}

.gx-note,
.gx-disclaimer{
  font-size:13px;
  color:#6b7280;
  margin-top:12px;
  text-align:center;
}