:root{
  --bg:#07101f;
  --bg-deep:#030812;
  --text:#f7f9fc;
  --muted:#d3d9e2;
  --blue:#0f72d6;
  --green:#29df8a;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg-deep)}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 50% -20%,rgba(30,84,155,.26),transparent 42%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);
}
a{color:inherit;text-decoration:none}
.portal-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(#000,transparent 92%);
}
.portal-shell{
  position:relative;
  z-index:1;
  width:min(1420px,calc(100% - 34px));
  margin:0 auto;
  padding:10px 0 18px;
}
.portal-header{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
}
.portal-brand{display:flex;align-items:center;gap:13px}
.brand-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #298bf0;
  border-radius:12px;
  background:#0a1424;
  font-size:22px;
  font-weight:900;
  box-shadow:0 0 24px rgba(41,139,240,.16);
}
.brand-copy{display:flex;flex-direction:column}
.portal-brand strong{font-size:22px;line-height:1;letter-spacing:.07em}
.portal-brand small{margin-top:7px;color:#d1d7e0;font-size:9px;letter-spacing:.22em;font-weight:700}
.portal-trust{font-size:13px;font-weight:700;color:#e8edf4}
.portal-trust i{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 14px var(--green);
}
.selection-panel{
  padding:10px 8px 18px;
}
.selection-visual{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:#eef1f4;
  box-shadow:
    0 28px 80px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.65);
}
.selection-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:rgba(224,229,235,.12);
  mix-blend-mode:multiply;
}
.selection-visual img{
  display:block;
  width:100%;
  height:auto;
  opacity:.965;
  filter:brightness(.955) contrast(.985) saturate(.96);
  user-select:none;
  -webkit-user-drag:none;
}
.selection-link{
  position:absolute;
  top:68.4%;
  height:15.5%;
  border-radius:18px;
  cursor:pointer;
  background:rgba(255,255,255,0);
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.selection-link span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.selection-link--ozalit{left:31.2%;width:27.5%}
.selection-link--bilgisayar{left:58.1%;width:30.5%}
.selection-link:hover,
.selection-link:focus-visible{
  outline:none;
  background:rgba(15,114,214,.055);
  box-shadow:inset 0 0 0 2px rgba(15,114,214,.42),0 12px 28px rgba(15,114,214,.13);
  transform:translateY(-2px);
}
.selection-link:active{transform:scale(.985)}
@media(max-width:900px){
  .portal-shell{width:min(100% - 18px,920px)}
  .portal-header{padding:0 12px;min-height:68px}
  .portal-trust{display:none}
  .selection-panel{padding:0}
}
@media(max-width:600px){
  body{min-height:100svh}
  .portal-shell{width:100%;padding:0}
  .portal-header{min-height:74px;padding:0 16px}
  .portal-brand strong{font-size:19px}
  .brand-mark{width:42px;height:42px}
  .selection-visual{
    min-height:calc(100svh - 74px);
    display:flex;
    align-items:center;
    border-radius:0;
    border-left:0;
    border-right:0;
    background:#eef1f4;
    box-shadow:none;
  }
  .selection-visual img{width:100%;height:auto}
  .selection-link{top:68.4%;height:15.5%;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* v120.4 — Masaüstü ve mobil için ayrı giriş ekranları */
.mobile-choice{display:none}

@media(max-width:600px){
  body{
    min-height:100svh;
    background:#f4f6fa;
  }

  .portal-bg,
  .portal-header,
  .selection-panel{
    display:none!important;
  }

  .portal-shell{
    width:100%;
    min-height:100svh;
    margin:0;
    padding:0;
  }

  .mobile-choice{
    display:grid;
    grid-template-rows:34px 1fr 34px;
    min-height:100svh;
    background:
      radial-gradient(circle at 50% 36%,rgba(255,255,255,.96),rgba(245,247,250,.98) 58%,#eef2f6 100%);
  }

  .mobile-choice__top,
  .mobile-choice__bottom{
    background:linear-gradient(90deg,#f4bc05 0%,#ffd83a 48%,#f2b902 100%);
  }

  .mobile-choice__top{
    border-radius:0 0 28px 28px;
    box-shadow:0 5px 18px rgba(197,145,0,.12);
  }

  .mobile-choice__bottom{
    border-radius:28px 28px 0 0;
    box-shadow:0 -5px 18px rgba(197,145,0,.10);
  }

  .mobile-choice__content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:72px;
    padding:36px 24px 46px;
  }

  .mobile-choice__logo{
    width:156px;
    height:auto;
    display:block;
    filter:drop-shadow(0 14px 22px rgba(13,30,55,.12));
  }

  .mobile-choice__actions{
    width:min(100%,560px);
    display:grid;
    gap:28px;
  }

  .mobile-choice__button{
    min-height:118px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 28px;
    border-radius:18px;
    font-size:clamp(31px,7vw,42px);
    line-height:1;
    font-weight:800;
    letter-spacing:-.035em;
    text-align:center;
    box-shadow:0 18px 34px rgba(20,35,55,.16),inset 0 1px 0 rgba(255,255,255,.52);
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
  }

  .mobile-choice__button:active{
    transform:scale(.985);
  }

  .mobile-choice__button--ozalit{
    color:#fff;
    background:linear-gradient(180deg,#35a9ef 0%,#168ed8 100%);
  }

  .mobile-choice__button--bilgisayar{
    color:#111820;
    background:linear-gradient(180deg,#ffda3f 0%,#ffc107 100%);
  }
}

@media(max-width:390px){
  .mobile-choice__content{gap:58px;padding-inline:20px}
  .mobile-choice__logo{width:136px}
  .mobile-choice__button{min-height:100px;font-size:30px}
}


/* v120.5 — Masaüstünde tıklanabilir alanları belirginleştir */
.desktop-choice-prompt{
  position:absolute;
  left:50%;
  bottom:3.2%;
  z-index:4;
  width:min(760px,72%);
  transform:translateX(-50%);
  display:grid;
  gap:11px;
  justify-items:center;
  pointer-events:none;
}
.desktop-choice-prompt>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 16px;
  border:1px solid rgba(8,25,46,.12);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#0c1a2d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 8px 24px rgba(7,16,31,.11);
  backdrop-filter:blur(10px);
}
.desktop-choice-buttons{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  pointer-events:auto;
}
.desktop-choice-button{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:15px;
  font-size:16px;
  font-weight:900;
  letter-spacing:-.015em;
  box-shadow:0 16px 30px rgba(7,16,31,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.desktop-choice-button b{
  font-size:20px;
  line-height:1;
  transition:transform .18s ease;
}
.desktop-choice-button:hover,
.desktop-choice-button:focus-visible{
  outline:none;
  transform:translateY(-3px);
  box-shadow:0 20px 36px rgba(7,16,31,.23);
  filter:brightness(1.04);
}
.desktop-choice-button:hover b,
.desktop-choice-button:focus-visible b{transform:translateX(4px)}
.desktop-choice-button--ozalit{
  color:#fff;
  background:linear-gradient(180deg,#188be7 0%,#0f72d6 100%);
  border:1px solid rgba(255,255,255,.35);
}
.desktop-choice-button--bilgisayar{
  color:#101820;
  background:linear-gradient(180deg,#ffd94b 0%,#f6bf08 100%);
  border:1px solid rgba(120,83,0,.16);
}
@media(max-width:900px){
  .desktop-choice-prompt{width:min(760px,84%);bottom:2.5%}
  .desktop-choice-button{font-size:14px;min-height:52px;padding:12px 16px}
}
@media(max-width:600px){
  .desktop-choice-prompt{display:none!important}
}