:root{--zemin:#EEEBE5;--kart:#FBFAF7;--yazi:#1F2A28;--soluk:#5A6461;--yesil:#2F6D66;--kirmizi:#C63A2B;--cizgi:rgba(31,42,40,.12)}
@media (prefers-color-scheme:dark){:root{--zemin:#141B1A;--kart:#1C2524;--yazi:#ECE8E1;--soluk:#A7B0AD;--yesil:#7FC2B8;--kirmizi:#E8796A;--cizgi:rgba(236,232,225,.14)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font:16.5px/1.6 -apple-system,system-ui,"Segoe UI",Roboto,sans-serif}
header{max-width:760px;margin:0 auto;padding:20px 16px 8px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--yesil);font:600 14px/1 Georgia,"Times New Roman",serif;letter-spacing:.28em}
.marka img{border-radius:9px}
nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14.5px}
nav a{color:var(--soluk);text-decoration:none}
nav a[aria-current]{color:var(--yesil);font-weight:600}
main{max-width:760px;margin:0 auto;padding:8px 16px 48px}
h1{font:600 28px/1.25 Georgia,"Times New Roman",serif;margin:18px 0 6px}
h2{font-size:18.5px;margin:30px 0 8px}
h3{font-size:16.5px;margin:22px 0 4px}
p,li{overflow-wrap:anywhere}
li{margin:4px 0}
a{color:var(--yesil)}
.surum{color:var(--soluk);font-size:14px;margin:0 0 8px}
.en{display:block;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:10px 14px;font-size:14.5px;color:var(--soluk)}
.en b{color:var(--yazi)}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:22px 20px;margin:18px 0}
.dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.dugme{display:inline-block;padding:12px 18px;border-radius:14px;background:var(--yesil);color:#fff;text-decoration:none;font-weight:600}
.dugme.ikincil{background:transparent;color:var(--yesil);border:1px solid var(--yesil)}
.yakinda{color:var(--soluk);font-size:15px}
.ayrac{border:0;border-top:1px solid var(--cizgi);margin:40px 0 0}
body.mektup main{max-width:520px;text-align:center;padding-top:36px}
body.mektup .amblem{border-radius:22px;box-shadow:0 12px 30px -14px rgba(31,42,40,.5)}
body.mektup .alt{color:var(--soluk)}
body.mektup .kart{text-align:left}
body.mektup .etiket{margin:0;color:var(--soluk);font-size:14px;letter-spacing:.12em;text-transform:uppercase}
body.mektup .kod{font:700 34px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.12em;margin:6px 0 4px;user-select:all;-webkit-user-select:all}
button.dugme{border:0;font:inherit;font-weight:600;cursor:pointer}
footer{max-width:760px;margin:0 auto;padding:18px 16px 40px;border-top:1px solid var(--cizgi);color:var(--soluk);font-size:14px}