/* Yazı tipleri kendi sunucumuzdan */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-ext-500-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* didimyatirim.tr — mürekkep moru, lila kâğıt, defter rakamları */
:root {
  --zemin: #F3F1F7; --yuzey: #FFFFFF; --metin: #1E1530; --soluk: #5E5672; --cizgi: #DDD7E8;
  --vurgu: #5B2A86; --vurgu-koyu: #3F1C5E; --vurgu-metin: #FFFFFF; --vurgu-acik: #CDB8E8; --ikincil: #E8E1F2;
  --koyu: #1E1530; --koyu-metin: #B9AFCB; --koyu-baslik: #FFFFFF;
  --f-baslik: "Newsreader", Georgia, serif; --f-govde: "Hanken Grotesk", system-ui, sans-serif; --f-etiket: "DM Mono", ui-monospace, monospace;
  --baslik-kalinlik: 500; --kose: 4px;
}
.k-marka { font-size: 1.7rem; }
.k-marka i { color: var(--vurgu); }
.k-marka--alt i { color: var(--vurgu-acik); }
.t-acilis { padding: clamp(44px, 7vw, 96px) 0 clamp(40px, 6vw, 72px); }
.t-acilis h1 { font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: 1.02; max-width: 17ch; letter-spacing: -.02em; }
.t-acilis__giris { font-size: 1.15rem; color: var(--soluk); max-width: 58ch; margin-bottom: 36px; }
.t-hesap { background: var(--yuzey); border: 1px solid var(--metin); border-radius: var(--kose); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); background-image: repeating-linear-gradient(180deg, transparent 0 31px, var(--ikincil) 31px 32px); }
.t-hesap > h2 { grid-column: 1 / -1; margin: 0; padding: 14px 22px; border-bottom: 1px solid var(--metin); background: var(--metin); color: var(--vurgu-acik); }
.t-hesap__girdi { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 24px 22px; border-right: 1px solid var(--metin); }
.t-hesap label { display: grid; gap: 6px; font: 600 .82rem var(--f-govde); color: var(--soluk); }
.t-hesap input { font: 500 1.15rem var(--f-etiket); padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: var(--kose); background: #fff; color: var(--metin); }
.t-hesap input:focus-visible { outline: 3px solid var(--vurgu-acik); border-color: var(--vurgu); }
.t-hesap__sonuc { margin: 0; padding: 24px 22px; display: grid; gap: 0; align-content: start; }
.t-hesap__sonuc div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.t-hesap__sonuc dt { font: 500 .78rem var(--f-etiket); letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); }
.t-hesap__sonuc dd { margin: 0; font: 500 clamp(1.5rem, 2.6vw, 2.1rem) var(--f-etiket); color: var(--vurgu); }
.t-hesap__not { grid-column: 1 / -1; margin: 0; padding: 12px 22px 16px; font-size: .85rem; color: var(--soluk); border-top: 1px solid var(--metin); background: var(--yuzey); }
@media (max-width: 860px) { .t-hesap { grid-template-columns: 1fr; } .t-hesap__girdi { border-right: 0; border-bottom: 1px solid var(--metin); } }
@media (max-width: 520px) { .t-hesap__girdi { grid-template-columns: 1fr; } }