/* ===== Sanayi Ustası — Üyelik Kayıt · tema: beyaz + #ff0054 ===== */
:root{
  --ink:#15141A; --muted:#6E6A74; --ink2:#4A4852;
  --paper:#FFFFFF; --soft:#F6F6F7; --line:#ECECEF;
  --accent:#ff0054; --accent-strong:#D10046; --accent-soft:#FFE7EE;
  --ok:#1E7D44; --ok-soft:#E6F4EA; --err:#C0392B;
  --radius:16px; --shadow:0 20px 50px rgba(21,20,26,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Figtree",system-ui,Arial,sans-serif;color:var(--ink);background:var(--soft);line-height:1.5}
h1,h2,h3,h4{font-family:"Sora",sans-serif;margin:0;letter-spacing:-.02em}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(18px,4vw,36px)}

/* header */
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.site-header .wrap{display:flex;align-items:center;gap:16px;min-height:70px}
.logo{display:flex;align-items:center;gap:11px}
.logo-badge{width:38px;height:38px;border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-word{font-family:"Sora";font-weight:700;font-size:19px}
.logo-word .hl{color:var(--accent)}
.link-accent{color:var(--accent-strong);font-weight:600}

/* layout */
.main{padding-block:clamp(26px,4vw,48px)}
.grid{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}
.aside{flex:1 1 320px;min-width:0;position:sticky;top:94px}
.form-col{flex:999 1 560px;min-width:0}

/* brand/benefits panel */
.promo{background:var(--ink);color:#fff;border-radius:22px;padding:30px 28px;overflow:hidden;position:relative}
.promo .eyebrow{color:#FFD5E2;font-family:"Sora";font-weight:700;font-size:12.5px;letter-spacing:2px;text-transform:uppercase}
.promo h1{font-size:clamp(26px,3vw,33px);margin-top:14px;line-height:1.1}
.promo p.lead{color:#BFBCC6;margin-top:12px;font-size:15px}
.benefits{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:14px}
.benefits li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#E7E5EB}
.benefits .ic{width:28px;height:28px;border-radius:8px;background:rgba(255,0,84,.18);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.promo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px}
.promo-stats div{background:rgba(255,255,255,.06);border-radius:12px;padding:12px 8px;text-align:center;min-width:0}
.promo-stats b{display:block;font-family:"Sora";font-size:clamp(16px,2.2vw,20px);color:#fff;line-height:1.15}
.promo-stats span{display:block;font-size:11px;color:#A6A2AC;margin-top:4px;line-height:1.3}
.promo-tag{margin-top:22px;font-size:12.5px;color:#8A868F;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}

/* admin tip */
.admin-tip{
  display:flex;align-items:center;gap:12px;
  margin-bottom:14px;padding:13px 14px;
  background:#fff;
  border:1px solid var(--line);border-radius:14px;
  box-shadow:0 6px 18px rgba(21,20,26,.05);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.admin-tip:hover{border-color:#ffb3c8;box-shadow:0 10px 24px rgba(255,0,84,.1)}
.admin-tip-ic{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:var(--accent-soft);color:var(--accent-strong);
  display:flex;align-items:center;justify-content:center;
}
.admin-tip-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.admin-tip-body strong{font-family:"Sora";font-size:13.5px;color:var(--ink)}
.admin-tip-body span{font-size:12.5px;color:var(--muted);line-height:1.35}
.admin-tip-go{flex-shrink:0;align-self:center;font-weight:700;font-size:13px;color:var(--accent-strong);white-space:nowrap}

/* form card */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-pad{padding:clamp(22px,3vw,34px)}

/* stepper */
.stepper{display:flex;align-items:center;gap:0;padding:22px clamp(22px,3vw,34px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.step{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.step .dot{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:"Sora";font-weight:700;font-size:14px;flex-shrink:0;transition:.2s}
.step .lbl{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.step .bar{flex:1;height:2px;background:var(--line);margin:0 8px;min-width:12px}
.step.active .dot{background:var(--accent);border-color:var(--accent);color:#fff}
.step.done .dot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}
.step.active .lbl,.step.done .lbl{color:var(--ink)}
.step:last-child .bar{display:none}

/* steps */
.step-panel{display:none;animation:fade .25s ease}
.step-panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.step-head{margin-bottom:20px}
.step-head .kicker{font-family:"Sora";font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.step-head h2{font-size:clamp(21px,2.4vw,26px);margin-top:7px}
.step-head p{color:var(--muted);font-size:14px;margin-top:6px}

/* fields */
.field{margin-bottom:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lbl-txt{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.req{color:var(--accent-strong)}
.opt{color:var(--muted);font-weight:500}
.inp{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:.15s}
.inp::placeholder{color:#AEAAB4}
.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
textarea.inp{resize:vertical;min-height:92px}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236E6A74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:40px}
.inp.invalid{border-color:var(--err);box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.err-msg{display:none;color:var(--err);font-size:12.5px;margin-top:6px}
.err-msg.show{display:block}
.hint{color:var(--muted);font-size:12.5px;margin-top:6px}

/* phone group */
.phone{display:flex}
.phone .cc{display:flex;align-items:center;padding:0 12px;border:1.5px solid var(--line);border-right:none;border-radius:12px 0 0 12px;background:var(--soft);font-size:14.5px;color:var(--muted);font-weight:600}
.phone .inp{border-radius:0 12px 12px 0}

/* choice chips (checkbox/radio cards) */
.legend{font-size:13.5px;font-weight:600;margin-bottom:10px;padding:0}
fieldset{border:none;padding:0;margin:0 0 18px}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chips.cols2{grid-template-columns:repeat(2,1fr)}
.chip{position:relative;display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:12px 13px;cursor:pointer;font-size:13.5px;font-weight:600;background:#fff;transition:.15s;user-select:none}
.chip:hover{border-color:#D7D7DE}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip .box{width:20px;height:20px;border-radius:6px;border:1.5px solid #CFCBD4;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.15s}
.chip .box svg{opacity:0;transform:scale(.6);transition:.15s}
.chip.radio .box{border-radius:50%}
.chip input:checked ~ .box{background:var(--accent);border-color:var(--accent)}
.chip input:checked ~ .box svg{opacity:1;transform:scale(1)}
.chip input:checked ~ .box{color:#fff}
.chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}
.chip input:focus-visible ~ .box{box-shadow:0 0 0 3px var(--accent-soft)}

/* file upload */
.upload{border:1.5px dashed #D2CED8;border-radius:14px;padding:18px;text-align:center;background:#fff;cursor:pointer;transition:.15s}
.upload:hover{border-color:var(--accent);background:var(--accent-soft)}
.upload input{display:none}
.upload .ic{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.upload .t{font-size:14px;font-weight:600}
.upload .s{font-size:12px;color:var(--muted);margin-top:3px}
.upload.has-file{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}
.upload.has-file .ic{background:#fff;color:var(--ok)}
.file-name{font-size:13px;font-weight:600;color:var(--ok);margin-top:6px;word-break:break-all}
.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* consent */
.consent{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--ink2);cursor:pointer;margin-bottom:14px;line-height:1.45}
.consent input{position:absolute;opacity:0;pointer-events:none}
.consent .box{width:22px;height:22px;border-radius:6px;border:1.5px solid #CFCBD4;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:.15s}
.consent .box svg{opacity:0;transform:scale(.6);transition:.15s}
.consent input:checked ~ .box{background:var(--accent);border-color:var(--accent)}
.consent input:checked ~ .box svg{opacity:1;transform:scale(1)}
.consent input:focus-visible ~ .box{box-shadow:0 0 0 3px var(--accent-soft)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:.15s}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.btn-line{background:#fff;color:var(--ink);border-color:var(--line);font-weight:600}
.btn-line:hover{border-color:#D0CCD6}
.btn:disabled{opacity:.5;cursor:not-allowed}
.form-nav{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.form-nav .spacer{flex:1}
.form-nav .count{font-size:13px;color:var(--muted)}

/* summary review */
.review{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;background:var(--soft);border-radius:14px;padding:18px;margin-bottom:20px}
.review .r{display:flex;flex-direction:column;gap:2px}
.review .r .k{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.review .r .v{font-size:14.5px;font-weight:600;word-break:break-word}

/* success */
.success{display:none;text-align:center;padding:14px 10px}
.success.show{display:block;animation:fade .3s}
.success .seal{width:84px;height:84px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.success h2{font-size:28px}
.success p{color:var(--muted);margin-top:10px;font-size:15px}
.member-no{display:inline-block;margin-top:20px;background:var(--accent-soft);color:var(--accent-strong);font-family:"Sora";font-weight:700;font-size:20px;letter-spacing:1px;padding:12px 22px;border-radius:12px}

/* footer */
.site-footer{border-top:1px solid var(--line);background:var(--paper);margin-top:40px}
.site-footer .wrap{padding-block:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.site-footer .tag{font-weight:600;color:var(--ink)}
.site-footer .credit{margin-left:auto}

/* responsive */
@media(max-width:860px){
  .aside{position:static;flex-basis:100%}
  .promo{display:none}
  .aside .promo-mini{display:block}
  .chips{grid-template-columns:repeat(2,1fr)}
  .stepper{gap:8px 0}
  .step .lbl{font-size:12px}
}
@media(min-width:861px){ .promo-mini{display:none} }
@media(max-width:560px){
  .admin-tip{padding:12px;gap:10px}
  .admin-tip-go{display:none}
  .admin-tip-body span{font-size:12.5px}
  .wrap{padding-inline:16px}
  .site-header .wrap{min-height:60px}
  .logo-badge{width:34px;height:34px;border-radius:10px}
  .logo-word{font-size:16px}
  .main{padding-block:18px}
  .card{border-radius:14px}
  .card-pad{padding:18px 16px}
  .stepper{padding:16px;justify-content:space-between}
  .step{flex:0 0 auto;gap:0}
  .step .lbl,.step .bar{display:none}
  .step .dot{width:30px;height:30px;font-size:13px}
  .row2,.chips,.chips.cols2,.up-grid,.review{grid-template-columns:1fr}
  .promo-mini.card{margin-bottom:4px}
  .form-nav{flex-wrap:wrap;gap:10px}
  .form-nav .count{order:-1;flex-basis:100%;margin-bottom:2px}
  .form-nav .spacer{display:none}
  .form-nav .btn{flex:1 1 auto;min-height:48px;width:100%}
  .form-nav #btnBack{order:2}
  .form-nav #btnNext,
  .form-nav #btnSubmit{order:1}
  .btn{padding:14px 18px;width:100%}
  .inp,.phone .cc{font-size:16px} /* iOS zoom önleme */
  .chip{padding:14px 13px;min-height:48px}
  .upload{padding:16px 12px}
  .consent{font-size:13px;gap:12px}
  .consent .box{width:24px;height:24px}
  .success h2{font-size:22px}
  .member-no{font-size:16px;padding:10px 14px;word-break:break-all}
  .site-footer .wrap{flex-direction:column;align-items:flex-start;gap:8px;padding-block:18px}
  .site-footer .credit{margin-left:0}
}
@media(max-width:380px){
  .logo-word{font-size:15px}
  .step .dot{width:28px;height:28px}
}