:root { --zemin: #1D6A44; --kart: #F8F7F0; --murekkep: #0B241A; --soluk: #56685E; --vurgu: #FF7A1A; --cizgi: #E6E4D8; --tebesir: #F8F7F0; --zeminSoluk: #BFE3CD; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--zemin); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; padding: 24px 16px 48px; }
main { max-width: 720px; margin: 0 auto; background: var(--kart); color: var(--murekkep); border-radius: 14px; padding: 32px 24px 40px; }
h1 { font-size: 26px; letter-spacing: -0.3px; margin-bottom: 4px; }
.alt { color: var(--soluk); font-size: 14px; margin-bottom: 28px; }
h2 { font-size: 17px; margin: 28px 0 10px; border-left: 4px solid var(--vurgu); padding-left: 10px; }
p, li { font-size: 15px; margin-bottom: 10px; }
ul { padding-left: 20px; }
.ozet { background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; margin-bottom: 8px; }
a { color: #C2560A; }
nav { max-width: 720px; margin: 20px auto 0; text-align: center; font-size: 14px; }
nav a { color: var(--zeminSoluk); margin: 0 10px; text-decoration: none; }
nav a:hover { color: var(--tebesir); }
.giris { text-align: center; color: var(--tebesir); max-width: 560px; margin: 32px auto 36px; }
.giris img { width: 112px; height: 112px; border-radius: 25px; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.giris h1 { font-size: 34px; margin: 18px 0 6px; }
.giris p { color: var(--zeminSoluk); font-size: 17px; }
.rozet { display: inline-block; margin-top: 18px; background: var(--vurgu); color: var(--murekkep); font-weight: 700; border-radius: 999px; padding: 10px 20px; font-size: 15px; }