:root{color-scheme:dark;--bg:#0f1115;--kart:#181b22;--kenar:#262b36;--yazi:#e6e8ee;--soluk:#8b93a5;--vurgu:#6ea8fe}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--yazi);font:16px/1.5 system-ui,sans-serif}
main{max-width:1000px;margin:0 auto;padding:24px 16px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
h1{font-size:1.4rem;margin:0}
h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--soluk);margin:28px 0 10px}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.kart{display:block;padding:14px 16px;background:var(--kart);border:1px solid var(--kenar);border-radius:10px;color:var(--yazi);text-decoration:none;overflow-wrap:anywhere}
.kart:hover,.kart:focus-visible{border-color:var(--vurgu)}
button{background:var(--kart);color:var(--yazi);border:1px solid var(--kenar);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}
button:hover{border-color:var(--vurgu)}
.islem{display:flex;gap:8px}
.islem form{margin:0}
footer{margin-top:40px;color:var(--soluk);font-size:.8rem}
.giris{max-width:340px;margin:12vh auto 0}
.giris form{display:grid;gap:12px;margin-top:16px}
input{background:var(--kart);color:var(--yazi);border:1px solid var(--kenar);border-radius:8px;padding:10px;font:inherit}
.hata{color:#ff8a8a;min-height:1.4em;margin:0}