*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;}

#splash{
  position:fixed;inset:0;z-index:200;
  background:#fff;
  transition:opacity .55s ease;
}
#splash img{
  width:100%;height:100%;
  object-fit:cover;display:block;
}
#splash.hide{opacity:0;pointer-events:none;}

#slider{
  position:fixed;inset:0;
  display:flex;
  width:200%;
  height:100%;
  transition:transform .4s cubic-bezier(.4,0,.2,1);
}
#slider.to-giris{transform:translateX(-50%);}

.panel{
  width:50%;height:100%;
  flex-shrink:0;
  position:relative;overflow:hidden;
}

#pIndex{background:#fff;cursor:pointer;}
#pIndex > img.idx-bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;z-index:0;
}

#pGiris{background:#fff;display:flex;flex-direction:column;}

.g-deco{
  position:absolute;top:0;width:100%;
  display:flex;justify-content:space-between;
  align-items:center;
  z-index:0;pointer-events:none;
  padding:10px 12px;
}
.g-deco img{height:38px;object-fit:contain;}

.g-hdr{
  position:relative;z-index:1;
  height:60px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.g-hdr-title{font-size:16px;font-weight:600;color:#6b2d8b;letter-spacing:.2px;}

.g-rainbow{
  height:4px;
  background:linear-gradient(90deg,#9B59B6 0%,#F39C12 33%,#3498DB 66%,#2ECC71 100%);
  margin-top:12px;flex-shrink:0;
}

.g-body{
  flex:1;padding:28px 20px 20px;
  display:flex;flex-direction:column;
  overflow-y:auto;
  position:relative;z-index:1;
}

.g-label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;}

.g-field{
  border:1.5px solid #d0d0d0;border-radius:8px;
  padding:13px 15px;display:flex;align-items:center;
  background:#fff;margin-bottom:22px;
}
.g-field:focus-within{border-color:#9B59B6;}
.g-field input{
  border:none;outline:none;
  font-size:16px;color:#333;
  flex:1;background:transparent;font-family:inherit;
}
.g-field input::placeholder{color:#ccc;}

.btn-giris{
  width:100%;padding:16px;
  background:#9d9fa2;color:#fff;
  border:none;border-radius:8px;
  font-size:16px;font-weight:700;
  font-family:inherit;cursor:default;
  transition:background .2s;
  margin-top:auto;
}
.btn-giris.on{background:#9B59B6;cursor:pointer;}
.btn-giris.on:active{opacity:.88;}