:root{
  --zemin:#0b0f14; --kart:#141b24; --kart2:#1b2430; --cizgi:#26303d;
  --yazi:#e8eef6; --soluk:#93a4b8; --vurgu:#4f9cf9; --iyi:#2fbf71; --kotu:#f2555a;
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--zemin); color:var(--yazi); min-height:100vh;
  font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.ekran{display:none; padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
.ekran.aktif{display:block}
h1{font-size:20px; margin:0 0 4px}
.alt{color:var(--soluk); font-size:13px; margin:0 0 14px}
.kart{background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--radius); padding:16px}
.giris-kart{max-width:420px; margin:12vh auto 0}
label{display:block; font-size:13px; color:var(--soluk); margin:12px 0 6px}
input{
  width:100%; padding:14px 14px; border-radius:12px; border:1px solid var(--cizgi);
  background:var(--kart2); color:var(--yazi); font-size:17px; outline:none;
}
input:focus{border-color:var(--vurgu)}
button{
  font:inherit; border:0; border-radius:12px; padding:14px 16px;
  background:var(--kart2); color:var(--yazi); cursor:pointer;
}
button.birincil{background:var(--vurgu); color:#04121f; font-weight:700; width:100%; margin-top:16px}
button:disabled{opacity:.55}
button.kucuk{padding:8px 12px; font-size:13px; background:transparent; border:1px solid var(--cizgi); color:var(--soluk)}
.ust{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px}
.isler{display:grid; gap:14px}
.is h2{font-size:16px; margin:0 0 4px}
.is .aciklama{color:var(--soluk); font-size:13px; margin:0 0 6px}
.is .kod-alani{font-size:24px; letter-spacing:3px; text-align:center; font-weight:700}
.is .gonder{margin-top:14px; background:var(--vurgu); color:#04121f; font-weight:700; width:100%}
.sonuc{margin-top:12px; font-size:14px; border-radius:10px; padding:10px 12px; display:none}
.sonuc.iyi{display:block; background:rgba(47,191,113,.12); border:1px solid rgba(47,191,113,.4)}
.sonuc.kotu{display:block; background:rgba(242,85,90,.12); border:1px solid rgba(242,85,90,.4)}
.hata{color:var(--kotu); font-size:14px}
.dip{display:flex; align-items:center; gap:8px; margin-top:22px; color:var(--soluk); font-size:12px}
.nokta{width:8px; height:8px; border-radius:50%; background:var(--iyi); display:inline-block}
.nokta.kotu{background:var(--kotu)}
.bildirim{
  position:fixed; left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom));
  background:var(--kart2); border:1px solid var(--cizgi); color:var(--yazi);
  border-radius:12px; padding:12px 14px; font-size:14px; z-index:10;
}