body {
        margin: 0;
        font-family: Arial, sans-serif;
        background-color: #ffffff;
    }

    .header {
        background-color: #0a1f44;
        color: red;
        text-align: center;
        font-size: 40px;
        line-height: 1.15;
        font-weight: bold;
        padding: 8px 20px;
        position: relative;
    }

    .subtitle {
        font-size: 18px;
        margin-top: 2px;
        line-height: 1.3;
    }

    .latest-line-bar {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 32%;
        transform: translateY(-50%);
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 52px;
        padding: 6px 12px;
        box-sizing: border-box;
        text-align: center;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.35;
    }

    .latest-line-text {
        opacity: 0;
        transition: opacity 0.8s ease;
    }

    .latest-line-text.visible {
        opacity: 1;
    }
.header .latest-line-bar{position:static;transform:none;width:auto;max-width:600px;margin:10px auto 0}.header-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.header-brand{grid-column:2;grid-row:1}.header #accountBar{grid-column:3;grid-row:1;justify-self:end;color:#fff;font-size:14px;font-weight:400;position:relative;z-index:2}.header #accountBar form{display:inline-flex}.header #accountBar .btn-outline-primary{color:#fff;border-color:#fff}@media(max-width:700px){.header-title-row{grid-template-columns:1fr}.header-brand{grid-column:1;grid-row:1}.header #accountBar{grid-column:1;grid-row:2;justify-self:end}.header .latest-line-bar{position:static;transform:none;width:auto;margin-top:12px;font-size:18px}}/* Başlık altında içerik yoksa fazladan lacivert alan ayırma. */
.header .latest-line-bar{min-height:0;padding:0;margin-top:4px}
.header .latest-line-bar:has(.latest-line-text:empty){display:none}
.header-account-group{grid-column:3;grid-row:1;justify-self:end;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.brain-exercise{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;border-radius:8px}
.brain-exercise:hover{color:#ffe19a}.brain-exercise:focus-visible{outline:3px solid #ffe19a;outline-offset:4px}
.brain-exercise img{display:block;width:56px;height:48px;flex-shrink:0}
@media(max-width:700px){.header-account-group{grid-column:1;grid-row:2;justify-self:center;justify-content:center}.header .header-account-group #accountBar{justify-content:center}.brain-exercise{font-size:14px}}

.header-brand{color:inherit;text-decoration:none}.header-brand:hover{color:inherit}
.brain-exercise[hidden]{display:none!important}
.brain-label-stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
.brain-label-stack [data-brain-points-host]:empty{display:none}
.header-title-row>.brain-exercise{grid-column:1;grid-row:1;justify-self:start}
.brain-score-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #8ddff1;border-radius:999px;background:#daf4ff;color:#063850;font-size:12px;font-weight:700;line-height:1.3}
.points-dialog{width:min(760px,95vw);max-height:90vh;overflow:auto;border:1px solid #d5dfed;border-radius:14px;padding:24px;color:#212529;background:#fff;box-shadow:0 16px 60px #0003}
.points-dialog::backdrop{background:#061c4380}
.points-dialog [hidden]{display:none!important}
.points-confirm,.points-confirm h2,.points-confirm p{font-size:16px}
.points-ranking-warning{font-weight:700;color:#212529}
.header-brain-group{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.header-brain-group[hidden]{display:none!important}
.header-brain-group>[data-top-five]{font-size:12px;white-space:nowrap}
@media(max-width:700px){.header-title-row{grid-template-columns:minmax(0,1fr) auto}.header-title-row>.brain-exercise{grid-column:1;grid-row:1;justify-self:start}.header-brand{grid-column:2;grid-row:1;font-size:clamp(24px,5vw,32px)}.header-account-group{grid-column:1 / -1;grid-row:2}.brain-exercise img{width:44px;height:40px}.brain-score-badge{font-size:11px}.header-title-row:not(:has(>.brain-exercise:not([hidden]),>.header-brain-group:not([hidden]))) .header-brand{grid-column:1 / -1;justify-self:center}}

.points-close-light-red{background:#f8d7da;color:#842029;border:1px solid #f1aeb5}.points-close-light-red:hover,.points-close-light-red:focus{background:#f1aeb5;color:#842029;border-color:#ea868f}

.header-brand-with-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-brand-logo{display:block;width:82px;height:64px;object-fit:contain;flex-shrink:0}@media(max-width:700px){.header-brand-with-logo{gap:6px}.header-brand-logo{width:62px;height:48px}}

.header-home .header-brand-with-logo{position:relative;display:block;justify-self:center;white-space:normal}
.header-home .header-brand-copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.header-home .header-brand-logo{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%)}
.header-home .header-brand-copy>.subtitle{display:block;font-weight:700;white-space:nowrap}
@media(max-width:1000px){.header-home .header-title-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.header-home .header-brand{grid-column:1 / -1;grid-row:1}.header-home .header-brain-group{grid-column:1;grid-row:2}.header-home .header-account-group{grid-column:2;grid-row:2}}
@media(max-width:700px){.header-home .header-brand-with-logo{max-width:calc(100% - 144px)}.header-home .header-brand-copy>.subtitle{font-size:12px;white-space:normal}.header-home .header-brain-group{grid-column:1 / -1;grid-row:2;justify-self:center}.header-home .header-account-group{grid-column:1 / -1;grid-row:3;justify-self:center}.header-home .header-brand-logo{right:calc(100% + 8px)}}