/* Giriş ekranı */
:root{--serif:"Manrope","Segoe UI",system-ui,sans-serif;--sans:"Manrope","Segoe UI",system-ui,sans-serif}
.gs-baslik{font-weight:800;letter-spacing:-.035em!important}
.gs-baslik em{font-style:normal!important}
.gs-marka{font-weight:700;letter-spacing:-.01em}
.gs-form h1{font-weight:800;letter-spacing:-.025em!important}
.gs{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(440px,.7fr)}

.gs-sahne{
  position:relative;overflow:hidden;display:flex;flex-direction:column;
  padding:clamp(32px,4vw,60px);
  background:
    radial-gradient(70% 60% at 12% 8%,rgba(185,151,87,.2),transparent 70%),
    linear-gradient(155deg,#191610 0%,#100e0b 55%,#0b0a08 100%);
  border-right:1px solid var(--ciz);
}
.gs-sahne::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(185,151,87,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(185,151,87,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(115deg,#000,transparent 72%);mask-image:linear-gradient(115deg,#000,transparent 72%);
}
.gs-sahne > *{position:relative}

.gs-marka{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:1.3rem}
.gs-im rect{fill:var(--pirinc)}
.gs-im path{stroke:#17130c;stroke-width:2.2;stroke-linecap:round;fill:none}
.gs-marka--mobil{display:none}

.gs-soz{margin-top:clamp(56px,13vh,150px)}
.gs-ust{margin:0 0 20px;font-size:.76rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pirinc2)}
.gs-baslik{margin:0;font-family:var(--serif);font-size:clamp(3rem,5.6vw,5.4rem);line-height:1.03;letter-spacing:-.015em}
.gs-baslik em{color:var(--pirinc2);font-style:italic}

.gs-ozellik{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:clamp(30px,5vh,48px) 0 0;padding:0;font-size:.95rem;color:var(--yazi2)}
.gs-ozellik li{padding:0 22px;border-left:1px solid var(--ciz2)}
.gs-ozellik li:first-child{padding-left:0;border-left:0}

.gs-barkod{position:absolute!important;left:clamp(32px,4vw,60px);right:clamp(32px,4vw,60px);bottom:0;height:clamp(150px,28vh,270px);overflow:hidden;-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent);mask-image:linear-gradient(0deg,#000 10%,transparent)}
.gs-barkod svg{display:block;width:100%;height:100%;fill:var(--pirinc);opacity:.42}
.gs-barkod i{position:absolute;left:-5%;right:-5%;top:0;height:2px;background:var(--pirinc2);box-shadow:0 0 22px 5px rgba(217,191,134,.55);animation:gsTara 5.5s ease-in-out infinite alternate}
@keyframes gsTara{from{top:18%}to{top:92%}}

.gs-yan{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px clamp(24px,4vw,56px) 64px;background:var(--z)}
.gs-form{width:100%;max-width:372px;animation:bGir .45s ease both}
.gs-form h1{font-family:var(--serif);font-size:2.25rem;letter-spacing:-.01em}
.gs-alt{margin:8px 0 28px;color:var(--soluk);font-size:.95rem}
.gs-form .bildirim{margin-bottom:20px;padding:11px 14px;font-size:.88rem}

.gs-alan{margin-bottom:18px}
.gs-alan label{display:block;margin-bottom:7px;font-size:.85rem;font-weight:500;color:var(--yazi2)}
.gs-girdi{position:relative;display:flex;align-items:center;border:1px solid var(--ciz2);border-radius:12px;background:var(--kart);transition:border-color var(--gec),box-shadow var(--gec)}
.gs-girdi > .ik{position:absolute;left:15px;width:18px;height:18px;color:var(--soluk);pointer-events:none;transition:color var(--gec)}
.gs-girdi input{flex:1;min-width:0;width:100%;height:54px;padding:0 14px 0 45px;border:0;border-radius:12px;background:transparent;outline:0;font-size:1rem}
.gs-girdi:hover{border-color:#4e4539}
.gs-girdi:focus-within{border-color:var(--pirinc);box-shadow:0 0 0 3px rgba(185,151,87,.17)}
.gs-girdi:focus-within > .ik{color:var(--pirinc2)}
.gs-girdi input:-webkit-autofill{-webkit-text-fill-color:var(--yazi);box-shadow:0 0 0 60px var(--kart) inset;caret-color:var(--yazi)}
.gs-goster{flex-shrink:0;height:36px;margin-right:9px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--soluk);font-size:.8rem;cursor:pointer}
.gs-goster:hover{background:var(--kart2);color:var(--pirinc2)}
.gs-buyuk{margin:7px 0 0;font-size:.8rem;color:var(--pirinc2)}
.gs-buyuk[hidden]{display:none}

.gs-hatirla{display:flex;align-items:center;gap:10px;margin:2px 0 22px;font-size:.9rem;color:var(--yazi2);cursor:pointer}
.gs-hatirla input{width:18px;height:18px;margin:0;accent-color:var(--pirinc)}
.gs-gir{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;border:0;border-radius:12px;background:var(--pirinc);color:#17130c;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--gec),transform var(--gec)}
.gs-gir .ik{width:17px;height:17px;transition:transform var(--gec)}
.gs-gir:hover{background:var(--pirinc2)}
.gs-gir:hover .ik{transform:translateX(3px)}
.gs-gir:active{transform:translateY(1px)}
.gs-not{margin:18px 0 0;text-align:center;font-size:.82rem;color:var(--soluk)}
.gs-imza{position:absolute;left:0;right:0;bottom:22px;margin:0;text-align:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk)}

@media(max-width:1000px){
  .gs{grid-template-columns:minmax(0,1fr)}
  .gs-sahne{display:none}
  .gs-marka--mobil{display:flex;margin-bottom:38px}
  .gs-yan{background:radial-gradient(90% 40% at 50% 0%,rgba(185,151,87,.14),transparent 70%),var(--z);min-height:100vh;min-height:100dvh;padding:40px 24px 64px}
}