/* ===== BiGarson tanıtım sayfası (index.php, QR okutmadan giriş) ===== */
.lp{--lp-ana:#4b3b7a;--lp-koyu:#2a2050;--lp-vurgu:#b88eba;--lp-yesil:#25a462;background:#fff!important;color:#2b2b38;font-family:Ubuntu,system-ui,sans-serif}
.lp main{padding:0}
.lp h1,.lp h2,.lp h3{color:var(--lp-koyu);font-weight:700;letter-spacing:-.01em}
.lp-bolum{padding:4.5rem 0}
.lp-bolum-baslik{max-width:720px;margin:0 auto 2.75rem;text-align:center}
.lp-bolum-baslik .lp-ust{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-ana);background:#efe9fa;border-radius:2rem;padding:.3rem .9rem;margin-bottom:.9rem}
.lp-bolum-baslik h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin-bottom:.6rem}
.lp-bolum-baslik p{color:#666;font-size:1.05rem;margin:0}

/* Hero */
.lp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1200px 500px at 85% -10%,rgba(184,142,186,.45),transparent 60%),linear-gradient(135deg,#2a2050 0%,#4b3b7a 60%,#6a4f9c 100%);padding:4.5rem 0 5rem}
.lp-hero::after{content:"";position:absolute;inset:auto -10% -1px -10%;height:70px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.lp-hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.1;margin:.9rem 0 1.1rem}
.lp-hero h1 span{background:linear-gradient(90deg,#f6d3f7,#c9b6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p.lead{color:rgba(255,255,255,.85);font-size:1.15rem;max-width:560px}
.lp-rozet{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:2rem;padding:.35rem .9rem}
.lp-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:.75rem;padding:.85rem 1.4rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.lp-btn:hover{transform:translateY(-2px);text-decoration:none}
.lp-btn-ana{background:#fff;color:var(--lp-koyu);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lp-btn-ana:hover{color:var(--lp-koyu);box-shadow:0 14px 34px rgba(0,0,0,.3)}
.lp-btn-cizgi{color:#fff;border:1px solid rgba(255,255,255,.45)}
.lp-btn-cizgi:hover{color:#fff;background:rgba(255,255,255,.1)}
.lp-artilar{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.75rem;font-size:.9rem;color:rgba(255,255,255,.85)}
.lp-artilar .fa{color:#9ff0c4;margin-right:.35rem}

/* Telefon görseli (CSS ile çizilmiş) */
.lp-telefon{position:relative;width:270px;margin:0 auto;padding:12px;border-radius:38px;background:#15112a;box-shadow:0 40px 80px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.08);transform:rotate(-3deg)}
.lp-ekran{border-radius:28px;overflow:hidden;background:#f4f2f9;height:520px;position:relative;color:#2b2b38}
.lp-ekran-ust{background:#2b2b38;color:#fff;padding:1.4rem 1rem .8rem;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem}
.lp-ekran-ust i{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#b88eba,#4b3b7a);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:.8rem}
.lp-ekran-duyuru{margin:.7rem;height:110px;border-radius:12px;background:linear-gradient(135deg,#ff8a5c,#e0457b);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:.6rem .75rem;font-size:.75rem;position:relative}
.lp-ekran-duyuru b{font-size:.92rem}
.lp-ekran-duyuru .fa-play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:2.2rem;opacity:.9}
.lp-ekran-kat{margin:.45rem .7rem;padding:.65rem .75rem;border-radius:10px;background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.lp-ekran-kat em{font-style:normal;font-size:.7rem;font-weight:700;color:#fff;background:#dc3545;border-radius:1rem;padding:.1rem .5rem}
.lp-ekran-siparis{position:absolute;left:.7rem;right:.7rem;bottom:.8rem;border-radius:12px;background:var(--lp-yesil);color:#fff;text-align:center;padding:.65rem;font-size:.82rem;font-weight:600}
.lp-balon{position:absolute;background:#fff;color:#2b2b38;border-radius:14px;padding:.6rem .8rem;font-size:.78rem;box-shadow:0 14px 30px rgba(0,0,0,.25);display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.lp-balon .fa{font-size:1.15rem}
.lp-balon-1{top:70px;left:-70px;transform:rotate(3deg)}
.lp-balon-1 .fa{color:#4285f4}
.lp-balon-2{bottom:110px;right:-62px;transform:rotate(3deg)}
.lp-balon-2 .fa{color:var(--lp-yesil)}

/* Özellik kartları */
.lp-kart{height:100%;padding:1.5rem;border-radius:1rem;background:#fff;border:1px solid #ece8f4;transition:transform .2s,box-shadow .2s,border-color .2s}
.lp-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(75,59,122,.12);border-color:#ddd2f0}
.lp-ikon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:var(--lp-ana);background:#efe9fa;margin-bottom:1rem}
.lp-kart h3{font-size:1.08rem;margin-bottom:.45rem}
.lp-kart p{color:#666;font-size:.93rem;margin:0}

/* Vurgulu bölüm: masanın dışında */
.lp-koyu{background:linear-gradient(180deg,#f7f4fd 0%,#efe9fa 100%)}
.lp-google{border-radius:1.25rem;background:#fff;box-shadow:0 20px 50px rgba(75,59,122,.15);padding:1.25rem 1.4rem;max-width:460px;margin:0 auto}
.lp-google-ara{display:flex;align-items:center;gap:.6rem;border:1px solid #e3e3e3;border-radius:2rem;padding:.55rem 1rem;color:#444;font-size:.92rem;margin-bottom:1rem}
.lp-google-ara .fa{color:#888}
.lp-google-sonuc{border-left:3px solid var(--lp-ana);padding:.2rem 0 .2rem .85rem;margin-bottom:.9rem}
.lp-google-sonuc small{color:#1e8e3e;font-size:.75rem;display:block}
.lp-google-sonuc b{color:#1a0dab;font-size:1rem;font-weight:500}
.lp-google-sonuc span{display:block;color:#555;font-size:.82rem}
.lp-madde{display:flex;gap:.9rem;margin-bottom:1.3rem}
.lp-madde .lp-ikon{flex:0 0 44px;width:44px;height:44px;margin:0;font-size:1.15rem;background:#fff}
.lp-madde h3{font-size:1.05rem;margin:.15rem 0 .25rem}
.lp-madde p{color:#666;font-size:.93rem;margin:0}

/* Kullanım alanları */
.lp-alan{position:relative;border-radius:1rem;overflow:hidden;min-height:170px;display:flex;align-items:flex-end;padding:1.1rem;color:#fff;background:linear-gradient(135deg,#4b3b7a,#b88eba);background-size:cover;background-position:center}
.lp-alan::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.7))}
.lp-alan>*{position:relative}
.lp-alan .fa{font-size:1.4rem;margin-bottom:.35rem;display:block}
.lp-alan b{font-size:1.05rem;display:block}
.lp-alan small{opacity:.85}

/* Adımlar */
.lp-adim{text-align:center;padding:0 1rem}
.lp-adim-no{width:56px;height:56px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,#b88eba,#4b3b7a);box-shadow:0 10px 24px rgba(75,59,122,.3)}
.lp-adim h3{font-size:1.1rem}
.lp-adim p{color:#666;font-size:.93rem}

/* Çağrı bandı */
.lp-cagri{border-radius:1.5rem;padding:3rem 2rem;text-align:center;color:#fff;background:radial-gradient(600px 300px at 10% 0%,rgba(184,142,186,.5),transparent 60%),linear-gradient(135deg,#2a2050,#4b3b7a)}
.lp-cagri h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem)}
.lp-cagri p{color:rgba(255,255,255,.85);max-width:560px;margin:0 auto 1.6rem}

/* Alt bilgi */
.lp-footer{background:#1d1736;color:rgba(255,255,255,.7);padding:2.5rem 0 2rem;font-size:.9rem}
.lp-footer a{color:#fff}
.lp-footer b{color:#fff}

@media(max-width:991px){
  .lp-telefon{transform:none;margin-top:3rem}
  .lp-balon-1{left:-30px}.lp-balon-2{right:-30px}
}
@media(max-width:575px){
  .lp-bolum{padding:3.25rem 0}
  .lp-hero{padding:3rem 0 4.25rem}
  .lp-hero p.lead{font-size:1.02rem}
  .lp-btn{width:100%;justify-content:center}
  .lp-telefon{width:240px}.lp-ekran{height:460px}
  .lp-balon{font-size:.7rem;padding:.45rem .6rem}
  .lp-balon-1{left:-18px;top:50px}.lp-balon-2{right:-18px}
  .lp-cagri{padding:2.25rem 1.25rem;border-radius:1rem}
}
@media(prefers-reduced-motion:reduce){.lp *{transition:none!important}}

/* ===== İç sayfalar: kayıt, sonuç, referanslar ===== */
.lp-sayfa-ust{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 300px at 90% -20%,rgba(184,142,186,.45),transparent 60%),linear-gradient(135deg,#2a2050 0%,#4b3b7a 70%,#6a4f9c 100%);padding:3rem 0 5.5rem;margin-bottom:-3rem}
.lp-sayfa-ust h1{color:#fff;font-size:clamp(1.7rem,3.6vw,2.6rem);margin:.8rem 0 .4rem}
.lp-sayfa-ust p{color:rgba(255,255,255,.82);font-size:1.05rem;margin:0;max-width:620px}
.lp-sayfa-ust+.lp-bolum{position:relative}
.lp-btn-mor{background:linear-gradient(135deg,#6a4f9c,#4b3b7a);color:#fff;border:0;box-shadow:0 10px 24px rgba(75,59,122,.3)}
.lp-btn-mor:hover{color:#fff;box-shadow:0 14px 30px rgba(75,59,122,.38)}

/* Kayıt formu */
.lp-form{background:#fff;border-radius:1.25rem;padding:1.75rem;box-shadow:0 20px 50px rgba(42,32,80,.12);border:1px solid #ece8f4}
.lp-form fieldset{border:1px solid #ece8f4;border-radius:1rem;padding:1.1rem 1.15rem 1.25rem;margin-bottom:1.1rem}
.lp-form legend{float:none;width:auto;font-size:1rem;font-weight:700;color:var(--lp-koyu);padding:0 .4rem;margin:0 0 .5rem -.4rem}
.lp-form legend .fa{color:var(--lp-vurgu);margin-right:.25rem}
.lp-form .form-label{font-size:.86rem;color:#555;margin-bottom:.25rem}
.lp-form .form-control,.lp-form .form-select{border-radius:.6rem;padding:.6rem .8rem;border-color:#dcd6e8}
.lp-form .form-control:focus,.lp-form .form-select:focus{border-color:var(--lp-vurgu);box-shadow:0 0 0 .2rem rgba(184,142,186,.25)}
.lp-form .form-text{font-size:.78rem}
.lp-yan{position:sticky;top:90px;background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 50px rgba(42,32,80,.12);border:1px solid #ece8f4}
.lp-yan h3{font-size:1.1rem;margin-bottom:1rem}
.lp-yan-adim{counter-reset:a;list-style:none;padding:0;margin:0}
.lp-yan-adim li{counter-increment:a;position:relative;padding:0 0 1rem 2.6rem;font-size:.92rem;color:#555}
.lp-yan-adim li::before{content:counter(a);position:absolute;left:0;top:-.1rem;width:1.9rem;height:1.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;background:linear-gradient(135deg,#b88eba,#4b3b7a)}
.lp-yan-adim b{color:var(--lp-koyu)}
.lp-yan-liste{list-style:none;padding:0;margin:0 0 1rem;font-size:.92rem}
.lp-yan-liste li{margin-bottom:.4rem}
.lp-yan-liste .fa{color:var(--lp-yesil);margin-right:.4rem}

/* Sonuç kartı */
.lp-sonuc{max-width:640px;margin:0 auto;text-align:center;background:#fff;border-radius:1.25rem;padding:2.5rem 1.75rem;box-shadow:0 20px 50px rgba(42,32,80,.12);border:1px solid #ece8f4}
.lp-sonuc-ikon{width:72px;height:72px;border-radius:50%;margin:0 auto 1.1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}
.lp-sonuc-ok .lp-sonuc-ikon{background:linear-gradient(135deg,#3ccf85,#1f9b5c);box-shadow:0 12px 28px rgba(37,164,98,.35)}
.lp-sonuc-hata .lp-sonuc-ikon{background:linear-gradient(135deg,#ff8a5c,#dc3545);box-shadow:0 12px 28px rgba(220,53,69,.3)}
.lp-sonuc h2{font-size:1.6rem}
.lp-sonuc p{color:#555;max-width:460px;margin:0 auto 1.5rem}
.lp-sonuc-adim{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.75rem}
.lp-sonuc-adim span{font-size:.82rem;background:#f4f1fb;color:var(--lp-ana);border-radius:2rem;padding:.35rem .8rem}

/* Referans kartları */
.lp-ref{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:1.25rem 1rem;border-radius:1rem;background:#fff;border:1px solid #ece8f4;box-shadow:0 10px 30px rgba(42,32,80,.08);color:#2b2b38;text-decoration:none;transition:transform .2s,box-shadow .2s}
.lp-ref:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(75,59,122,.16);color:#2b2b38;text-decoration:none}
.lp-ref-logo{width:100%;height:84px;border-radius:.75rem;background:#f7f5fc;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;padding:.6rem}
.lp-ref-logo.lp-ref-koyu{background:#2b2b38}
.lp-ref-logo img{max-width:100%;max-height:100%;object-fit:contain}
.lp-ref-harf{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#b88eba,#4b3b7a)}
.lp-ref b{font-size:.98rem;line-height:1.25}
.lp-ref small{color:#888;margin-top:.25rem;font-size:.78rem}
.lp-ref-git{margin-top:auto;padding-top:.75rem;font-size:.8rem;font-weight:600;color:var(--lp-ana)}

@media(max-width:991px){.lp-yan{position:static}}
@media(max-width:575px){
  .lp-sayfa-ust{padding:2.25rem 0 4.75rem}
  .lp-form{padding:1rem;border-radius:1rem}
  .lp-form fieldset{padding:.9rem .85rem 1rem}
  .lp-form .form-control,.lp-form .form-select{min-height:46px;font-size:1rem}
  .lp-ref{padding:1rem .75rem}.lp-ref-logo{height:64px}
}