:root{--zemin:#EEF1F4;--yuzey:#fff;--murekkep:#14213D;--ikincil:#4F5B6E;--vurgu:#2453FF;--cizgi:#D5DCE5;--tehlike:#B4372B}
@media (prefers-color-scheme:dark){:root{--zemin:#0F1626;--yuzey:#172033;--murekkep:#E8ECF2;--ikincil:#9AA6B8;--vurgu:#7C97FF;--cizgi:#2A3650;--tehlike:#F08A7E}}
*{box-sizing:border-box}body{margin:0;background:var(--zemin);color:var(--murekkep);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:1rem 1.25rem}.marka{font-weight:700;font-size:1.3rem;color:var(--murekkep);text-decoration:none}
h1{font-size:2rem;line-height:1.2;margin:1rem 0 .5rem}h2{font-size:1.2rem;margin-top:2rem}.ikincil,footer{color:var(--ikincil)}footer{font-size:.9rem;border-top:1px solid var(--cizgi);margin-top:2rem}
footer a{margin-right:1rem}a{color:var(--vurgu)}.giris{font-size:1.15rem}form{display:grid;gap:.6rem;margin:1.5rem 0;max-width:24rem}
input{font:inherit;padding:.7rem .9rem;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);color:var(--murekkep)}
button{font:inherit;font-weight:600;padding:.8rem 1rem;border:0;border-radius:12px;background:var(--vurgu);color:#fff;cursor:pointer}button.tehlike{background:var(--tehlike)}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px}