:root{--bg:#f4f5f7;--kart:#fff;--yazi:#1c2230;--soluk:#667085;--vurgu:#2f6fed;--vurgu-yazi:#fff;--kenar:#dde1e8;--hata:#c0392b;--iyi:#1e8e5a;--golge:0 1px 2px rgba(16,24,40,.06)}
@media(prefers-color-scheme:dark){:root{--bg:#11141a;--kart:#1a1f28;--yazi:#e6e9ef;--soluk:#98a2b3;--vurgu:#6b9bff;--vurgu-yazi:#0b1220;--kenar:#2b3240;--hata:#ff7b6b;--iyi:#4cc38a;--golge:none}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--yazi);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--vurgu)}
.orta{display:grid;place-items:center;min-height:100vh;padding:16px}
.kutu{background:var(--kart);border:1px solid var(--kenar);border-radius:14px;padding:28px;width:min(360px,100%);box-shadow:var(--golge)}
h1{font-size:21px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}
p.soluk,.soluk{color:var(--soluk);font-size:14px}
label{display:block;font-size:14px;color:var(--soluk);margin-top:10px}
input{width:100%;padding:10px 11px;margin-top:5px;border:1px solid var(--kenar);border-radius:8px;background:var(--bg);color:var(--yazi);font-size:16px}
button,.dugme{display:inline-block;padding:10px 16px;border:0;border-radius:8px;background:var(--vurgu);color:var(--vurgu-yazi);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
button.ikincil{background:transparent;color:var(--yazi);border:1px solid var(--kenar);font-weight:500}
button:disabled{opacity:.6;cursor:default}
.tam{width:100%;margin-top:16px}
.hata{color:var(--hata);font-size:14px;min-height:20px;margin-top:10px}
.iyi{color:var(--iyi)}
.ust{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:0 auto;padding:22px 16px 6px}
.ust h1{font-size:22px}
main{max-width:980px;margin:0 auto;padding:8px 16px 48px}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:14px 0 34px}
.site{display:block;background:var(--kart);border:1px solid var(--kenar);border-radius:12px;padding:16px 18px;color:inherit;text-decoration:none;box-shadow:var(--golge);transition:border-color .15s,transform .15s}
.site:hover{border-color:var(--vurgu);transform:translateY(-1px)}
.site b{display:block;font-size:17px}
.site .adres{color:var(--soluk);font-size:13px;word-break:break-all}
.site .aciklama{font-size:14px;margin-top:6px}
.etiket{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;margin-top:10px;border:1px solid var(--kenar);color:var(--soluk)}
.etiket.iyi{color:var(--iyi);border-color:currentColor}.etiket.hata{color:var(--hata);border-color:currentColor;min-height:0;margin-top:10px}
details{background:var(--kart);border:1px solid var(--kenar);border-radius:12px;padding:14px 18px;margin-bottom:14px}
summary{cursor:pointer;font-weight:600}
.hesap{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px;align-items:end;padding:12px 0;border-top:1px solid var(--kenar)}
.hesap:first-of-type{border-top:0}
.hesap .ad b{display:block}.hesap .durum{font-size:13px}
.hesap .dugmeler{display:flex;gap:8px}
.hesap label{margin-top:0}
@media(max-width:720px){.hesap{grid-template-columns:1fr}.ust{flex-wrap:wrap}}
.sifre-form{max-width:360px}