
    :root{
      --brand:#0F212C; --brand-2:#113447; --accent:#12B886;
      --bg:#f5f7f9; --card:#fff; --text:#0f212c;
      --muted:#6b7b87; --line:#e6eef3;
      --radius:16px; --shadow:0 12px 34px rgba(0,0,0,.08)
    }

    *{box-sizing:border-box}
    html,body{margin:0}
    body{
      font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text); background:var(--bg); line-height:1.55;
      -webkit-text-size-adjust:100%; text-size-adjust:100%;
      overflow-x:hidden; /* yatay taşmayı kesin kapat */
    }
    img,svg,video{max-width:100%;height:auto;display:block}
    a{text-decoration:none;color:inherit}

    .container{max-width:960px;margin:0 auto;padding:0 20px}

    h1{margin:22px 0 8px;font-size:clamp(22px,3.5vw,32px);line-height:1.2}
    .section-sub{color:var(--muted);margin:0 0 22px;font-size:15px}

    .form{
      max-width:760px; margin:0 auto; background:var(--card);
      border:1px solid var(--line); border-radius:var(--radius);
      box-shadow:var(--shadow); padding:26px
    }
    @media(max-width:520px){.form{padding:18px}}

    .group{display:grid;gap:18px;grid-template-columns:1fr 1fr}
    @media(max-width:900px){.group{grid-template-columns:1fr}}

    .label{display:block;margin:8px 0 6px;font-weight:700;font-size:14px}
    .input{
      width:100%; padding:12px 14px; border-radius:12px;
      border:1px solid var(--line); background:#fff; font-size:16px; /* iOS zoom önler */
      outline:none; transition:border-color .15s, box-shadow .15s;
      -webkit-appearance:none; appearance:none;
    }
    select.input{background-image:linear-gradient(45deg,transparent 50%,#7aa0b6 50%),linear-gradient(135deg,#7aa0b6 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,100% 0;background-size:6px 6px,6px 6px,2.5em 100%;background-repeat:no-repeat}
    .input:focus{border-color:var(--accent); box-shadow:0 0 0 3px rgba(18,184,134,.25)}
    textarea.input{resize:vertical;min-height:110px}

    .note{color:var(--muted);font-size:13px}
    .lead{color:var(--muted)}

    .btn{
      display:inline-flex;gap:8px;align-items:center;justify-content:center;
      padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px;
      border:1px solid transparent; cursor:pointer; text-decoration:none;
      transition:transform .06s ease, background-color .15s ease, opacity .15s ease;
      will-change:transform;
    }
    .btn:active{transform:translateY(1px)}
    .btn-primary{background:var(--accent);color:#08301d}
    .btn-primary:hover{background:#0da96f}
    .btn-primary[disabled]{opacity:.7;cursor:not-allowed}
    .btn-ghost{background:transparent;color:var(--brand);border-color:var(--line)}
    .btn-ghost:hover{background:#f1f5f3}

    .btn-row{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}
    @media(max-width:600px){.btn-row{flex-direction:column}.btn{width:100%}}

    #formMsg{margin-top:14px;font-size:14px;font-weight:600}

    .offer-container {
  padding: 40px 0;
}
