/* Container & hero */
.mysla-hero{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(80,200,120,.25), transparent 60%),
              radial-gradient(800px 400px at 90% -20%, rgba(66,153,225,.25), transparent 60%),
              linear-gradient(180deg, #0f172a, #0b1222);
  color:#e6f6ff;
  padding:56px 20px 36px;
  text-align:center;
}
.mysla-hero h1{margin:0 0 6px;font-size: clamp(28px, 3.2vw, 42px);font-weight:700;letter-spacing:.2px;}
.mysla-hero p{margin:0;opacity:.85}

.mysla-container{max-width:1100px;margin:-48px auto 48px;padding:0 16px;}
.mysla-card{
  background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(2,6,23,.15);
  padding:24px 22px 28px;
}

/* Grid */
.mysla-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width: 760px){
  .mysla-grid{grid-template-columns:1fr}
}

/* Fields */
.mysla-field label{display:block;margin:4px 0 6px;font-weight:600;color:#0f172a}
.mysla-field label span{color:#e11d48}
.mysla-field input[type="text"],
.mysla-field input[type="tel"],
.mysla-field input[type="email"],
.mysla-field input[type="number"],
.mysla-field select,
.mysla-field textarea{
  width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;
  font-size:16px;background:#fbfdff;transition:box-shadow .15s,border-color .15s;
}
.mysla-field textarea{resize:vertical}
.mysla-field input:focus,.mysla-field select:focus,.mysla-field textarea:focus{
  outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)
}

/* Conditional blocks */
.mysla-conditional{display:none;margin-top:8px;padding:12px 14px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafcff}
.mysla-conditional.active{display:block}

/* Actions */
.mysla-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.mysla-btn{
  appearance:none;border:0;border-radius:12px;padding:12px 18px;font-weight:700;
  background:linear-gradient(135deg,#22c55e,#10b981);color:#052e16;box-shadow:0 8px 24px rgba(16,185,129,.28);
  cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center
}
.mysla-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
.mysla-btn.ghost{background:#0f172a;color:#e6f6ff;border:1px solid rgba(255,255,255,.08)}

/* Alerts */
.mysla-alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}
.mysla-alert.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}

/* Honeypot */
.mysla-hp{position:absolute !important;left:-5000px !important;height:0 !important;width:0 !important;opacity:0 !important}