:root{color-scheme:light dark;--z:#fff;--y:#1b1b1f;--s:#5b5b66;--c:#d0d0d8;--v:#1a56db;--vy:#fff;--h:#b42318}
@media (prefers-color-scheme:dark){:root{--z:#141418;--y:#ececf1;--s:#a4a4b0;--c:#3a3a44;--v:#7aa2ff;--vy:#0b1020;--h:#ff8a80}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--z);color:var(--y);font:16px/1.6 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:640px;margin:0 auto;padding:24px 16px 48px}
h1{font-size:1.5rem;line-height:1.3;margin:.5rem 0 1rem}h2{font-size:1.15rem;margin:2rem 0 .5rem}
a{color:var(--v)}code{font-size:.95em}hr{border:0;border-top:1px solid var(--c);margin:2rem 0}
.kucuk{font-size:.875rem;color:var(--s)}.dil{text-align:right;font-size:.875rem}
button,.dugme{display:inline-block;min-height:44px;padding:10px 20px;border:2px solid var(--v);border-radius:6px;
background:var(--v);color:var(--vy);font:inherit;font-weight:600;cursor:pointer}
fieldset{border:1px solid var(--c);border-radius:8px;margin:0 0 16px;padding:12px 14px}
legend{font-weight:600;padding:0 4px}label{display:block;margin:6px 0;min-height:32px}
.satir{display:flex;flex-wrap:wrap;gap:4px 14px}.satir label{display:inline-flex;align-items:center;gap:4px}
input[type=radio],input[type=checkbox]{width:20px;height:20px}
input[type=email],input[type=number],textarea{width:100%;font:inherit;padding:8px;border:1px solid var(--c);
border-radius:6px;background:var(--z);color:var(--y)}textarea{min-height:96px}
.hata{color:var(--h);font-weight:600}.tuzak{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
details{border:1px solid var(--c);border-radius:8px;padding:8px 12px;margin:0 0 20px}summary{cursor:pointer;font-weight:600}