*{box-sizing:border-box}
body{margin:0;font-family:Arial, sans-serif;background:#f6f8fb;color:#111}
.container{max-width:1100px;margin:0 auto;padding:20px}
.row{display:flex;flex-wrap:wrap;gap:20px}
.col{flex:1 1 300px}
.right{max-width:400px;flex:1 1 380px}
.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.08)}
h1,h2,h3{margin:0 0 12px 0}
label{display:block;margin:8px 0 4px;font-weight:600}
input,select,textarea{width:100%;padding:10px;border:1px solid #cfd6e4;border-radius:8px}
button{background:#0073e6;color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}
button:hover{background:#005bb5}
.footer{text-align:center;padding:20px;font-size:14px;color:#666}
/* Lightbox */
.lb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:9999}
.lb-overlay.open{display:flex}
.lb-inner{max-width:95vw;max-height:90vh;text-align:center}
.lb-inner img{max-width:95vw;max-height:80vh;border-radius:6px}
.lb-cap{color:#fff;margin-top:8px;font:14px/1.4 Arial,sans-serif;opacity:.9}
.lb-close{position:absolute;top:14px;right:18px;background:#111;color:#fff;border:1px solid #444;border-radius:6px;padding:6px 10px;cursor:pointer}
/* --- Responsive typography for mobile --- */
@media (max-width: 768px) {
  .header h1 {
    font-size: 26px !important;
    line-height: 1.3;
  }
  .header h3 {
    font-size: 18px !important;
    line-height: 1.4;
  }
  .header p {
    font-size: 16px !important;
    line-height: 1.5;
  }
  body {
    font-size: 15px;
  }
  .card {
    padding: 12px;
  }
  label {
    font-size: 14px;
  }
  input, select, textarea {
    font-size: 15px;
    padding: 12px; /* bigger tap area */
  }
  button {
    font-size: 16px;
    padding: 12px 18px; /* easier tap */
  }
  /* ticker text */
  .ticker {
    font-size: 15px;
    line-height: 40px;
  }
  .wa-float a {
    font-size: 15px;
    padding: 12px 14px;
  }
}