/* Giriş, kayıt ve aydınlatma metni sayfalarının ortak görünümü (pano temasıyla aynı renkler) */
[hidden] { display:none !important; }
:root { --display:'Fredoka','Trebuchet MS',system-ui,sans-serif; --body:'Nunito','Segoe UI',system-ui,sans-serif; }
* { box-sizing:border-box; margin:0; }
html { scroll-padding-top: env(safe-area-inset-top, 0px); }
body { background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.5;
       padding: calc(env(safe-area-inset-top, 0px) + 28px) 16px calc(env(safe-area-inset-bottom, 0px) + 28px); }
main { max-width:440px; margin:0 auto; display:grid; gap:16px; }
main.wide { max-width:680px; }
.brand { display:flex; gap:14px; align-items:center; margin-bottom:6px; }
.brand h1 { font-family:var(--display); font-weight:600; font-size:1.7em; line-height:1.1; }
.brand p { color:var(--ink-soft); font-weight:600; }
.card { background:var(--card); border-radius:22px; padding:20px; }
h2 { font-family:var(--display); font-weight:500; font-size:1.2em; margin-bottom:8px; }
h3 { font-family:var(--display); font-weight:500; font-size:1.05em; margin:18px 0 4px; }
p + p { margin-top:8px; }
label { display:block; font-weight:700; font-size:.92em; margin:12px 0 4px; }
input { width:100%; font:inherit; color:var(--ink); background:var(--field); border:2px solid var(--line); border-radius:12px; padding:11px 13px; }
input:focus { outline:none; border-color:var(--leaf); }
input.code { font-family:ui-monospace,Consolas,monospace; font-size:1.3em; letter-spacing:.12em; text-align:center; }
.check { display:flex; gap:10px; align-items:flex-start; font-weight:600; margin-top:14px; }
.check input { width:22px; height:22px; flex:none; margin-top:2px; accent-color:var(--leaf); }
button { margin-top:16px; width:100%; font:inherit; font-weight:700; border:0; border-radius:12px; padding:13px; cursor:pointer;
         background:var(--leaf); color:#fff; }
button.ghost { background:transparent; color:var(--ink); border:2px solid var(--line); }
button:disabled { opacity:.6; cursor:wait; }
.hint { color:var(--ink-soft); font-size:.92em; }
.err { color:var(--coral); font-weight:700; margin-top:10px; min-height:0; }
.err:empty { display:none; }
.note { background:var(--tint-sun); border-radius:14px; padding:12px 14px; font-size:.95em; }
.foot { text-align:center; font-size:.9em; }
a { color:var(--leaf); font-weight:700; }
ul { padding-left:1.2em; margin:6px 0; }