/* Aguamarina - forms.css v4 */
:root{
  --wa-card:#0f1726;
  --wa-border:#223047;
  --wa-text:#e7eefb;
  --wa-muted:#91a3be;
  --wa-primary:#00d1ff;
  --wa-primary-600:#05b6e2;
  --wa-shadow:0 10px 40px rgba(0,0,0,.35);
  --wa-focus:0 0 0 3px rgba(0,209,255,.25);
}

.wa-form{
  margin-top: 1.25rem;
  background: var(--wa-card);
  border: 1px solid var(--wa-border);
  border-radius: 14px;
  padding: 22px;
  box-shadow: var(--wa-shadow);
}

.wa-row{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}

.wa-field{ display:flex; flex-direction:column; gap:6px; }
.wa-field-full{ grid-column: 1 / -1; }
.wa-label{
  font-size: .9rem;
  color: var(--wa-muted);
}

.wa-input,
.wa-textarea{
  width:100%;
  font: inherit;
  color: var(--wa-text);
  background: #0b1424;
  border:1px solid var(--wa-border);
  border-radius: 10px;
  padding: 12px 14px;
  transition: border .2s ease, box-shadow .2s ease, background .2s ease;
}

.wa-input::placeholder,
.wa-textarea::placeholder{ color:#6f829e; }

.wa-input:focus,
.wa-textarea:focus{
  outline: none;
  border-color: var(--wa-primary);
  box-shadow: var(--wa-focus);
  background: #0b1427;
}

.wa-note{
  display:block;
  font-size:.8rem;
  color: var(--wa-muted);
  margin-top: 6px;
}

.wa-actions{
  margin-top: 14px;
  display:flex;
  align-items:center;
  gap: 16px;
  flex-wrap: wrap;
}

.wa-button{
  appearance:none;
  border:none;
  background: var(--wa-primary);
  color:#001420;
  font-weight:700;
  padding: 12px 16px;
  border-radius: 10px;
  cursor:pointer;
  transition: filter .15s ease, transform .05s ease;
}
.wa-button:hover{ filter:brightness(1.05); }
.wa-button:active{ transform: translateY(1px); }

.wa-or{ color: var(--wa-muted); }

.wa-link a{
  color: var(--wa-primary);
  text-decoration:none;
  border-bottom:1px dashed rgba(0,209,255,.45);
}
.wa-link a:hover{
  color: var(--wa-primary-600);
  border-bottom-color: rgba(5,182,226,.6);
}

/* Responsive */
@media (max-width: 1024px){
  .wa-row{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .wa-row{ grid-template-columns: 1fr; }
}