/* ===== OA Tercih Bildirim Popup ===== */
.oa-modal-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,.78);
    backdrop-filter: blur(7px);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity .45s ease;
}
.oa-modal-overlay.oa-modal-visible { opacity: 1; }
.oa-modal-overlay.oa-modal-visible .oa-modal-box { transform: scale(1) translateY(0); opacity: 1; }

.oa-modal-box {
    position: relative; overflow: hidden;
    background: linear-gradient(135deg, #0d1b3e 0%, #14243f 50%, #0a1628 100%);
    border: 1px solid rgba(255,193,7,.35);
    border-radius: 22px;
    padding: 2.4rem 2rem 1.8rem;
    max-width: 440px; width: 92%;
    text-align: center;
    box-shadow: 0 0 60px rgba(255,193,7,.18), 0 20px 60px rgba(0,0,0,.7);
    transform: scale(.85) translateY(40px);
    opacity: 0;
    transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .45s ease;
}

.oa-glow { position: absolute; border-radius: 50%; filter: blur(55px); pointer-events: none; }
.oa-glow-1 { width:220px; height:220px; top:-60px; left:-60px; background:rgba(255,193,7,.12); animation: oaGlowPulse 3s ease-in-out infinite; }
.oa-glow-2 { width:180px; height:180px; bottom:-50px; right:-40px; background:rgba(99,102,241,.15); animation: oaGlowPulse 3.5s ease-in-out infinite reverse; }
.oa-glow-3 { width:140px; height:140px; bottom:30px; left:20px; background:rgba(34,197,94,.1); animation: oaGlowPulse 4s ease-in-out infinite 1s; }
@keyframes oaGlowPulse { 0%,100%{opacity:.6;transform:scale(1)} 50%{opacity:1;transform:scale(1.15)} }

.oa-modal-icon-wrap { position: relative; display: inline-block; margin-bottom: .6rem; }
.oa-modal-icon {
    width: 80px; height: 80px; border-radius: 50%;
    background: linear-gradient(135deg, #ffc107, #ff8c00);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.1rem; color: #0d1b3e;
    animation: oaIconPop .6s cubic-bezier(.22,1,.36,1) .3s both, oaIconGlow 2s ease-in-out 1s infinite;
    position: relative; z-index: 1; margin: 0 auto;
}
.oa-pulse-ring {
    position: absolute; inset: -10px; border-radius: 50%;
    border: 3px solid rgba(255,193,7,.5);
    animation: oaPulseRing 2s ease-out 1.2s infinite;
}
@keyframes oaIconPop { from{transform:scale(0) rotate(-20deg);opacity:0} to{transform:scale(1) rotate(0);opacity:1} }
@keyframes oaIconGlow { 0%,100%{box-shadow:0 0 18px rgba(255,193,7,.5)} 50%{box-shadow:0 0 40px rgba(255,193,7,.9)} }
@keyframes oaPulseRing { 0%{transform:scale(1);opacity:.8} 100%{transform:scale(1.7);opacity:0} }

.oa-stars { color:#ffc107; font-size:1.1rem; letter-spacing:4px; margin-bottom:.5rem; animation: oaStarFade 1s ease .7s both; }
@keyframes oaStarFade { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }

.oa-modal-title {
    font-size:1.55rem; font-weight:800; margin: 0 0 .5rem;
    background: linear-gradient(90deg,#ffc107,#fff,#ffc107);
    background-size: 200% auto;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    animation: oaShine 2.5s linear 1s infinite;
}
@keyframes oaShine { to{background-position:200% center} }

.oa-modal-sub { color:rgba(255,255,255,.75); font-size:.93rem; margin-bottom:1.1rem; }
.oa-highlight { color:#ffc107; font-weight:700; font-size:1.05rem; }

.oa-modal-badges { display:flex; justify-content:center; gap:.5rem; flex-wrap:wrap; margin-bottom:1.4rem; }
.oa-mbadge { padding:.3rem .8rem; border-radius:20px; font-size:.78rem; font-weight:700; animation: oaBadgeBounce .5s cubic-bezier(.22,1,.36,1) both; }
.oa-mbadge:nth-child(1){animation-delay:.9s}
.oa-mbadge:nth-child(2){animation-delay:1.05s}
.oa-mbadge:nth-child(3){animation-delay:1.2s}
@keyframes oaBadgeBounce { from{opacity:0;transform:scale(.5)} to{opacity:1;transform:scale(1)} }
.oa-mbadge-green  { background:rgba(40,167,69,.2);  border:1px solid rgba(40,167,69,.5);  color:#4ade80; }
.oa-mbadge-yellow { background:rgba(255,193,7,.15); border:1px solid rgba(255,193,7,.5);  color:#ffc107; }
.oa-mbadge-red    { background:rgba(220,53,69,.2);  border:1px solid rgba(220,53,69,.5);  color:#f87171; }

.oa-modal-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:.3rem;
    width:100%; padding:.85rem 1.5rem; border-radius:12px;
    background:linear-gradient(90deg,#ffc107,#ff8c00,#ffc107); background-size:200% auto;
    color:#0d1b3e; font-weight:800; font-size:1rem;
    text-decoration:none; border:none; cursor:pointer;
    box-shadow:0 4px 20px rgba(255,193,7,.4);
    animation: oaShine 2.5s linear 1.5s infinite, oaBtnPulse 2s ease 2s infinite;
    transition:transform .2s, box-shadow .2s; margin-bottom:1.2rem;
}
.oa-modal-btn:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(255,193,7,.6); color:#0d1b3e; }
.oa-btn-arrow { font-size:1.2rem; transition:transform .2s; }
.oa-modal-btn:hover .oa-btn-arrow { transform:translateX(4px); }
@keyframes oaBtnPulse { 0%,100%{box-shadow:0 4px 20px rgba(255,193,7,.4)} 50%{box-shadow:0 4px 36px rgba(255,193,7,.75)} }

.oa-modal-footer { display:flex; align-items:center; justify-content:space-between; gap:.8rem; }
.oa-no-show-label { display:flex; align-items:center; gap:.5rem; color:rgba(255,255,255,.55); font-size:.8rem; cursor:pointer; user-select:none; }
.oa-no-show-label input[type=checkbox] { display:none; }
.oa-check-box-ui {
    width:18px; height:18px; border-radius:5px; flex-shrink:0;
    border:2px solid rgba(255,193,7,.5); background:transparent;
    transition:background .2s, border-color .2s;
    position:relative; display:inline-block;
}
.oa-no-show-label input:checked + .oa-check-box-ui { background:#ffc107; border-color:#ffc107; }
.oa-no-show-label input:checked + .oa-check-box-ui::after {
    content:'?'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    font-size:.72rem; color:#0d1b3e; font-weight:900;
}
.oa-modal-close {
    background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
    color:rgba(255,255,255,.5); border-radius:50%; width:32px; height:32px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition:background .2s, color .2s; flex-shrink:0; font-size:.85rem;
}
.oa-modal-close:hover { background:rgba(220,53,69,.25); color:#f87171; border-color:rgba(220,53,69,.4); }