.baglanti-ekrani {
    position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center;
    overflow: auto; padding: max(24px, env(safe-area-inset-top)) 20px;
    background: #f7f7fc; color: #191729; font: 16px/1.65 system-ui, sans-serif;
    box-sizing: border-box;
}
.baglanti-ekrani[hidden] { display: none; }
.baglanti-kart {
    box-sizing: border-box; width: 100%; max-width: 460px; margin: auto;
    padding: 36px 28px; text-align: center; background: #fff;
    border: 1px solid #e7e5ee; border-radius: 28px; box-shadow: 0 12px 40px #3223540a;
}
.baglanti-ikon {
    display: inline-grid; place-items: center; width: 76px; height: 76px;
    border-radius: 24px; background: #f0ecff; color: #7123d8;
}
.baglanti-kart h1 { font-size: clamp(24px, 6vw, 30px); line-height: 1.25; margin: 24px 0 16px; }
.baglanti-kart p { color: #615b76; margin: 12px 0; }
.baglanti-kart button {
    display: block; width: 100%; padding: 14px; margin: 28px 0 20px; border: 0;
    border-radius: 16px; background: #7123d8; color: white; font: 600 17px system-ui; cursor: pointer;
}
.baglanti-kart button:focus-visible { outline: 3px solid #ab83f0; outline-offset: 4px; }
.baglanti-kart button:disabled { opacity: .65; cursor: wait; }
.baglanti-kart .baglanti-bilgi { font-size: 14px; color: #8c859d; }
[data-tema="koyu"] .baglanti-ekrani { background: #111016; color: #f4f1fa; }
[data-tema="koyu"] .baglanti-kart { background: #1e1b27; border-color: #383142; }
[data-tema="koyu"] .baglanti-kart p { color: #c0b7d0; }