@import url('fonts/fonts.css');
:root{--bg:#f6f3eb;--panel:#fdfcf9;--text:#26251f;--muted:#6f6a5c;--accent:#b23b25;--border:#a89b80;--sans:Montserrat,Arial,sans-serif;--serif:Lora,Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);border-top:5px solid var(--accent)}
.kapi{max-width:520px;margin:auto;padding:40px 28px max(28px,env(safe-area-inset-bottom))}.kapi>img{display:block;margin-bottom:24px}
.etiket{font:700 10px var(--sans);letter-spacing:1.8px;margin:0 0 16px}h1{font:600 32px/1.18 var(--serif);margin:0 0 20px}h1 em{color:var(--accent);font-weight:400}.giris{color:var(--muted);margin:0 0 28px}label{display:block;font-weight:600;margin-bottom:8px}input,button{font:inherit}input{width:100%;padding:14px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:16px}
button{min-height:46px;border-radius:8px;padding:12px 18px;cursor:pointer;background:var(--accent);color:white;border:1px solid var(--accent);font-weight:600}form button{width:100%;margin-top:12px}button:disabled{opacity:.65;cursor:wait}.ipucu,.dip{font-size:12px;color:var(--muted)}.ipucu{margin:8px 0}#sonuc{min-height:21px;color:var(--accent);margin:12px 0}.yazi-dugme{background:transparent;color:var(--accent);padding:8px 0;border:0;text-align:left;font-size:12px}nav{display:flex;gap:24px;margin-top:24px}a{color:var(--accent);text-underline-offset:3px}a,button,input{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}.dip{border-top:1px solid var(--border);padding-top:16px;margin-top:24px}[hidden]{display:none!important}
@media(max-width:420px){.kapi{padding:28px 20px}h1{font-size:28px}}