:root{ color-scheme:dark; }
html{ min-width:0; overflow-x:hidden; background:#0B1626; }
body.katilimci-sayfasi{
  min-width:0; min-height:100dvh; overflow-x:hidden; color:#EDE4D5; background:
    radial-gradient(circle at 14% 0,rgba(198,161,91,.12),transparent 30rem),
    radial-gradient(circle at 88% 86%,rgba(51,85,65,.13),transparent 32rem),
    #0E1B2D;
}
.katilimci-sayfasi::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.1;
  background:
    linear-gradient(30deg,transparent 24%,rgba(198,161,91,.45) 25% 26%,transparent 27% 74%,rgba(198,161,91,.45) 75% 76%,transparent 77%),
    linear-gradient(150deg,transparent 24%,rgba(198,161,91,.35) 25% 26%,transparent 27% 74%,rgba(198,161,91,.35) 75% 76%,transparent 77%);
  background-size:94px 54px;
}
button,input{ font:inherit; }
[hidden]{ display:none !important; }
.kp-ustbar{
  position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:20px;
  width:min(calc(100% - 40px),1180px); min-height:82px; margin:0 auto; border-bottom:1px solid rgba(198,161,91,.2);
}
.kp-marka{ display:flex; min-width:0; align-items:center; gap:15px; color:#F4EBDC; text-decoration:none; }
.kp-marka img{ width:auto; height:29px; object-fit:contain; }
.kp-marka span{ display:flex; min-width:0; flex-direction:column; border-left:1px solid rgba(198,161,91,.42); padding-left:14px; }
.kp-marka b{ overflow:hidden; font-family:var(--serif2); font-size:13px; letter-spacing:.12em; text-overflow:ellipsis; white-space:nowrap; }
.kp-marka small{ color:#948C80; font-size:8px; letter-spacing:.2em; text-transform:uppercase; }
.kp-geri{ flex:0 0 auto; padding:9px 13px; border:1px solid rgba(198,161,91,.32); border-radius:999px; color:#D6C8B2; font-size:10px; letter-spacing:.08em; text-decoration:none; }
.kp-geri:hover{ border-color:var(--altin); color:#FFF5E4; }
.kp-ana{ width:min(calc(100% - 40px),1180px); margin:0 auto; padding:clamp(36px,7vw,80px) 0 max(40px,env(safe-area-inset-bottom)); }

.kp-giris{
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr); min-height:min(660px,calc(100dvh - 190px));
  overflow:hidden; border:1px solid rgba(198,161,91,.32); background:rgba(8,17,29,.72); box-shadow:0 35px 100px rgba(2,8,16,.32);
}
.kp-giris__hikaye{ position:relative; display:flex; justify-content:center; flex-direction:column; min-width:0; overflow:hidden; padding:clamp(40px,6vw,78px); }
.kp-giris__hikaye::before{
  content:""; position:absolute; inset:0; opacity:.26; background:
    radial-gradient(circle at 20% 16%,rgba(198,161,91,.35),transparent 16rem),
    linear-gradient(135deg,transparent 52%,rgba(198,161,91,.13) 52.2% 52.5%,transparent 52.7%);
}
.kp-giris__hikaye>*{ position:relative; }
.kp-giris__muhur{ display:grid; place-items:center; width:58px; height:58px; margin-bottom:28px; border:1px solid var(--altin); border-radius:50%; color:var(--altin-a); font-family:var(--serif2); font-size:1.75rem; }
.kp-giris__hikaye>p{ margin:0 0 12px; color:var(--altin-a); font-size:10px; letter-spacing:.3em; text-transform:uppercase; }
.kp-giris__hikaye h1{ margin:0; color:#FFF5E5; font-family:var(--serif2); font-size:clamp(2.4rem,5.2vw,4.8rem); font-weight:500; line-height:.98; }
.kp-giris__siluet{ display:flex; align-items:flex-end; gap:4px; height:120px; margin-top:52px; border-bottom:1px solid rgba(198,161,91,.5); }
.kp-giris__siluet span{ position:relative; display:grid; place-items:end center; flex:1; height:58%; padding-bottom:11px; border:1px solid rgba(198,161,91,.38); border-bottom:0; color:rgba(198,161,91,.58); font-size:7px; letter-spacing:.14em; }
.kp-giris__siluet span:nth-child(2){ height:92%; clip-path:polygon(0 24%,18% 24%,18% 12%,42% 12%,50% 0,58% 12%,82% 12%,82% 24%,100% 24%,100% 100%,0 100%); }
.kp-giris__siluet span:nth-child(3){ height:72%; clip-path:polygon(0 100%,20% 48%,33% 68%,47% 26%,60% 60%,72% 40%,100% 100%); background:rgba(198,161,91,.07); }
.kp-giris__form-kutu{ display:flex; justify-content:center; flex-direction:column; padding:clamp(34px,5vw,62px); border-left:1px solid rgba(198,161,91,.25); background:rgba(8,16,28,.82); }
.kp-giris__form-kutu>.etiket{ margin:0 0 9px; }
.kp-giris__form-kutu h2{ margin:0; color:#FFF5E5; font-family:var(--serif2); font-size:clamp(1.9rem,3.8vw,2.75rem); font-weight:500; line-height:1.1; }
.kp-giris__form-kutu>p:not(.etiket):not(.kp-bildirim){ margin:15px 0 0; color:#ACA396; font-size:13px; line-height:1.65; }
.kp-form{ display:grid; gap:18px; margin-top:30px; }
.kp-form .dugme{ width:100%; margin-top:4px; }
.kp-bildirim{ min-height:22px; margin:15px 0 0; color:#D5BE88; font-size:12px; line-height:1.55; text-align:center; }
.kp-bildirim[data-tip="hata"]{ color:#F1ABA1; }
.kp-bildirim[data-tip="basari"]{ color:#A8D4B1; }
.kp-giris__yardim{ padding-top:17px; border-top:1px solid rgba(198,161,91,.18); font-size:10.5px !important; }

.kp-panel{ position:relative; width:min(100%,980px); margin:0 auto; overflow:hidden; border:1px solid rgba(198,161,91,.36); border-radius:28px; background:#101D30; box-shadow:0 35px 100px rgba(2,8,16,.36); }
.kp-panel__ust{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 30px; border-bottom:1px solid rgba(198,161,91,.22); background:rgba(7,15,27,.65); }
.kp-panel__ust .etiket{ margin:0 0 4px; }
.kp-panel__ust h1{ margin:0; color:#FFF5E5; font-family:var(--serif2); font-size:clamp(1.55rem,3vw,2.15rem); font-weight:500; }
.kp-panel__eylem{ display:flex; align-items:center; gap:12px; }
.kp-panel__eylem span{ padding:8px 11px; border:1px solid rgba(198,161,91,.28); border-radius:999px; color:var(--altin-a); font-size:9px; letter-spacing:.12em; }
.kp-panel__eylem button{ border:0; background:none; color:#AFA79A; font-size:10px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.kp-panel__govde{ min-height:670px; padding:clamp(22px,4vw,38px); padding-bottom:104px; }
.kp-sekme{ animation:kpSekmeGiris .32s ease both; }
@keyframes kpSekmeGiris{ from{ opacity:0; transform:translateY(8px); } }
.kp-ozet{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.kp-ozet>div,.kp-profil>div{ min-width:0; padding:14px 16px; border:1px solid rgba(198,161,91,.2); background:rgba(255,255,255,.025); }
.kp-ozet small,.kp-profil small{ display:block; margin-bottom:5px; color:#948B7D; font-size:8px; letter-spacing:.13em; text-transform:uppercase; }
.kp-ozet b,.kp-profil b{ display:block; overflow:hidden; color:#EDE4D5; font-family:var(--serif2); font-size:1.05rem; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.kp-kart{ overflow:hidden; border:1px solid rgba(198,161,91,.32); border-radius:22px; background:rgba(8,17,29,.62); }
.kp-kart__bas{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 22px; border-bottom:1px solid rgba(198,161,91,.2); }
.kp-kart__bas p{ margin:0; color:var(--altin-a); font-size:8px; letter-spacing:.2em; }
.kp-kart__bas h2{ margin:5px 0 0; color:#FFF5E5; font-family:var(--serif2); font-size:1.5rem; font-weight:500; }
.kp-kart__bas>span{ padding:6px 9px; border:1px solid rgba(113,181,127,.4); border-radius:999px; color:#A9D2B1; font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.kp-kart__govde{ padding:24px; text-align:center; }
.kp-kart__govde>.etiket{ margin:0; }
.kp-kart__govde>h3{ margin:5px 0 0; color:#FFF5E5; font-family:var(--serif2); font-size:1.65rem; font-weight:500; }
.kp-masa{ --masa-yari-cap:clamp(90px,16vw,120px); width:min(100%,350px); margin:22px auto; }
.kp-masa:empty{ display:grid; place-items:center; aspect-ratio:1; border:1px dashed rgba(198,161,91,.25); border-radius:50%; }
.kp-masa:empty::after{ content:"Masa seçiminiz bekleniyor"; width:55%; color:#8F877B; font-size:10px; line-height:1.45; }

.kp-bolum-bas{ max-width:720px; margin:0 auto 28px; text-align:center; }
.kp-bolum-bas .etiket{ margin:0 0 5px; }
.kp-bolum-bas h2{ margin:0; color:#FFF5E5; font-family:var(--serif2); font-size:clamp(1.8rem,4vw,2.7rem); font-weight:500; }
.kp-bolum-bas>p:not(.etiket){ margin:10px auto 0; color:#ACA396; font-size:13px; line-height:1.65; }
.kp-qr{ display:grid; place-items:center; width:min(100%,360px); min-height:360px; margin:0 auto; padding:22px; border:1px solid rgba(198,161,91,.35); border-radius:22px; background:#F5EFE3; }
.kp-qr img{ display:block; width:100%; height:auto; }
.kp-qr span{ display:grid; place-items:center; width:135px; height:135px; border:2px solid var(--lacivert); border-radius:50%; color:var(--lacivert); font-family:var(--serif2); font-size:4rem; }
.kp-secili-masa{ margin:0 0 18px; padding:15px 18px; border:1px solid rgba(116,178,128,.35); background:rgba(72,118,79,.12); color:#D7E5D9; font-size:12px; text-align:center; }
.kp-masalar{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.kp-masa-secim{ display:flex; min-width:0; flex-direction:column; padding:18px; border:1px solid rgba(198,161,91,.24); border-radius:16px; background:rgba(255,255,255,.025); }
.kp-masa-secim[data-secili="true"]{ border-color:rgba(116,178,128,.65); box-shadow:inset 0 0 0 1px rgba(116,178,128,.18); }
.kp-masa-secim__bas{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.kp-masa-secim__bas span{ color:var(--altin-a); font-family:var(--serif2); font-size:1.8rem; line-height:1; }
.kp-masa-secim__bas i{ padding:5px 7px; border:1px solid rgba(198,161,91,.24); border-radius:999px; color:#B6AD9F; font-size:8px; font-style:normal; letter-spacing:.07em; text-transform:uppercase; }
.kp-masa-secim h3{ margin:12px 0 5px; color:#FFF5E5; font-family:var(--serif2); font-size:1.35rem; font-weight:500; }
.kp-masa-secim p{ margin:0 0 15px; color:#979083; font-size:10.5px; }
.kp-masa-secim__doluluk{ height:3px; margin:auto 0 15px; overflow:hidden; background:rgba(255,255,255,.08); }
.kp-masa-secim__doluluk span{ display:block; width:var(--doluluk,0%); height:100%; background:linear-gradient(90deg,var(--altin),#D8C184); }
.kp-masa-secim button{ width:100%; min-height:40px; border:1px solid rgba(198,161,91,.42); border-radius:999px; background:transparent; color:#E0CFAD; font-size:10px; cursor:pointer; }
.kp-masa-secim button:hover:not(:disabled){ background:var(--altin); color:#111D30; }
.kp-masa-secim button:disabled{ cursor:not-allowed; opacity:.45; }
.kp-program{ display:grid; gap:11px; }
.kp-program article{ display:grid; grid-template-columns:44px 1fr; gap:15px; padding:20px; border:1px solid rgba(198,161,91,.2); background:rgba(255,255,255,.025); }
.kp-program article>span{ color:var(--altin); font-family:var(--serif2); font-size:1.35rem; }
.kp-program b{ color:#EEE5D7; font-family:var(--serif2); font-size:1.15rem; font-weight:500; }
.kp-program p{ margin:5px 0 0; color:#9E9689; font-size:12px; line-height:1.6; }
.kp-profil{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }

.kp-nav{
  position:absolute; z-index:4; right:18px; bottom:18px; left:18px; display:grid; grid-template-columns:repeat(5,1fr); gap:4px;
  padding:8px; border:1px solid rgba(198,161,91,.22); border-radius:18px; background:rgba(7,15,27,.92); box-shadow:0 15px 45px rgba(0,0,0,.3); backdrop-filter:blur(14px);
}
.kp-nav button{ display:flex; align-items:center; justify-content:center; flex-direction:column; gap:3px; min-width:0; min-height:54px; border:1px solid transparent; border-radius:12px; background:transparent; color:#777F8D; font-size:8px; cursor:pointer; }
.kp-nav button span{ color:inherit; font-family:var(--serif2); font-size:1.05rem; }
.kp-nav button.aktif{ border-color:rgba(198,161,91,.28); background:rgba(198,161,91,.1); color:var(--altin-a); }
.kp-nav button:focus-visible{ outline:2px solid var(--altin); outline-offset:1px; }

@media (max-width:860px){
  .kp-giris{ grid-template-columns:1fr; }
  .kp-giris__hikaye{ min-height:330px; }
  .kp-giris__form-kutu{ border-top:1px solid rgba(198,161,91,.25); border-left:0; }
  .kp-giris__siluet{ height:80px; margin-top:28px; }
}
@media (max-width:640px){
  .kp-ustbar{ width:calc(100% - 24px); min-height:70px; }
  .kp-marka img{ height:22px; }
  .kp-marka span{ padding-left:9px; }
  .kp-marka b{ font-size:10px; }
  .kp-marka small{ font-size:6.5px; }
  .kp-geri{ padding:8px 10px; font-size:8px; }
  .kp-ana{ width:100%; padding:0 0 max(14px,env(safe-area-inset-bottom)); }
  .kp-giris{ min-height:calc(100dvh - 70px); border-right:0; border-left:0; }
  .kp-giris__hikaye{ min-height:260px; padding:35px 24px 28px; }
  .kp-giris__muhur{ width:46px; height:46px; margin-bottom:18px; font-size:1.35rem; }
  .kp-giris__hikaye h1{ font-size:clamp(2.15rem,12vw,3.2rem); }
  .kp-giris__siluet{ height:56px; margin-top:22px; }
  .kp-giris__siluet span{ padding-bottom:6px; font-size:5px; }
  .kp-giris__form-kutu{ padding:32px 20px 38px; }
  .kp-panel{ min-height:calc(100dvh - 70px); border-right:0; border-bottom:0; border-left:0; border-radius:0; }
  .kp-panel__ust{ align-items:flex-start; padding:18px 16px; }
  .kp-panel__eylem{ align-items:flex-end; flex-direction:column; gap:5px; }
  .kp-panel__govde{ min-height:calc(100dvh - 150px); padding:18px 14px calc(96px + env(safe-area-inset-bottom)); }
  .kp-ozet{ grid-template-columns:1fr 1fr; }
  .kp-ozet>div:last-child{ grid-column:1 / -1; }
  .kp-kart{ border-radius:18px; }
  .kp-kart__bas{ align-items:flex-start; padding:16px; }
  .kp-kart__bas h2{ max-width:60vw; font-size:1.25rem; }
  .kp-kart__govde{ padding:20px 14px; }
  .kp-masa{ --masa-yari-cap:clamp(82px,28vw,108px); width:min(100%,300px); }
  .kp-qr{ min-height:0; padding:18px; }
  .kp-masalar,.kp-profil{ grid-template-columns:1fr; }
  .kp-nav{ position:fixed; right:8px; bottom:calc(8px + env(safe-area-inset-bottom)); left:8px; gap:2px; padding:6px; border-radius:17px; }
  .kp-nav button{ min-height:52px; font-size:7px; }
}
@media (prefers-reduced-motion:reduce){ .kp-sekme{ animation:none; } }