:root{
  --zemin:#0f1012; --kart:#17181c; --cizgi:#2a2c33; --yazi:#e7e8ea;
  --soluk:#9aa0a8; --vurgu:#6ea8fe; --kirmizi:#c8362f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--yazi);
     font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline}
header{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
       padding:18px 20px;border-bottom:1px solid var(--cizgi)}
header h1{font-size:17px;margin:0;font-weight:650;letter-spacing:.2px}
header .alt{color:var(--soluk);font-size:13px}
main{padding:20px;max-width:1400px;margin:0 auto}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px}
.soluk{color:var(--soluk)}
button,.dugme{all:unset;cursor:pointer;padding:7px 13px;border-radius:7px;
              background:#24262c;color:var(--yazi);font-size:13px;text-align:center}
button:hover,.dugme:hover{background:#2f323a}
button[disabled]{opacity:.4;cursor:default}
input,textarea{background:#101114;color:var(--yazi);border:1px solid var(--cizgi);
               border-radius:7px;padding:8px 10px;font:inherit;font-size:13px;width:100%}
input:focus,textarea:focus{outline:1px solid var(--vurgu)}
.zaman{font-variant-numeric:tabular-nums;color:var(--vurgu);cursor:pointer}
@media (max-width:820px){main{padding:14px}}

/* --- Matrix kimligiyle giris kaplamasi --- */
#sl-giris{position:fixed;inset:0;z-index:50;display:flex;align-items:center;
          justify-content:center;background:rgba(10,11,13,.92);padding:20px}
#sl-giris .kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;
                padding:24px;width:100%;max-width:360px}
#sl-giris h2{margin:0 0 6px;font-size:17px}
#sl-giris p{margin:0 0 18px;font-size:13px;line-height:1.5}
#sl-giris label{display:block;font-size:12.5px;color:var(--soluk);margin:12px 0 5px}
#sl-giris .hata{color:#e8837c;font-size:13px;min-height:19px;margin-top:10px}
#sl-giris button{width:100%;background:var(--vurgu);color:#0b0c0e;font-weight:600;
                 padding:10px;margin-top:6px}
#sl-giris button:hover{filter:brightness(1.08)}
.kimlik{font-size:12.5px;color:var(--soluk)}
.kimlik b{color:var(--yazi);font-weight:600}

/* all:unset "hidden" oznitelugunun display:none degerini de siliyor */
[hidden]{display:none !important}