:root {
    --ll-bg: #0b0820;
    --ll-panel: #171331;
    --ll-border: #352e59;
    --ll-text: #f8f7ff;
    --ll-muted: #9b94b3;
    --ll-yellow: #ffe05b;
}
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; color: var(--ll-text); background: var(--ll-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: #bba8ff; }
a:hover { color: #fff; }
.container-xl { max-width: 1240px; }
.live-strip { display: flex; justify-content: center; align-items: center; gap: .55rem; min-height: 32px; padding: .35rem 1rem; color: #fff; background: linear-gradient(90deg, #ed3b91, #7648ed, #187cf1); font-size: .72rem; font-weight: 800; letter-spacing: .045em; text-align: center; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px #ffffff26; }
.site-navbar { border-bottom: 1px solid #2b254c; background: #0e0b25e8; backdrop-filter: blur(18px); }
.site-navbar .navbar-nav .nav-link { color: #afa8c5; font-size: .9rem; font-weight: 600; }
.site-navbar .navbar-nav .nav-link:hover { color: #fff; }
.brand-logo { display: inline-flex; align-items: center; gap: .65rem; color: #fff; font-size: 1.15rem; font-weight: 900; letter-spacing: -.04em; text-decoration: none; }
.brand-logo strong { color: #a181ff; }
.brand-seven { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #24132e; background: linear-gradient(135deg, #ffe65c, #ff9038); box-shadow: 0 0 25px #ffa23b3d; font-size: 1.2rem; transform: rotate(-5deg); }
.btn-neon { border: 1px solid #8e69ff; color: #fff; background: linear-gradient(135deg, #6844e4, #a13fe4); box-shadow: 0 9px 24px #7347e33b; font-weight: 800; }
.btn-neon:hover, .btn-neon:focus { border-color: #b99fff; color: #fff; background: linear-gradient(135deg, #7b58f2, #b24bf2); }
.btn-jackpot { border: 0; color: #24132e; background: linear-gradient(135deg, #ffe560, #ff9841); box-shadow: 0 12px 28px #ffad4535; font-weight: 900; }
.btn-jackpot:hover { color: #160b20; background: linear-gradient(135deg, #ffec7e, #ffad60); }
.hero-section { position: relative; overflow: hidden; min-height: 560px; background: radial-gradient(circle at 15% 5%, #50248a66, transparent 35%), radial-gradient(circle at 88% 25%, #0875ff33, transparent 30%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; }
.hero-glow-one { width: 250px; height: 250px; top: 70px; left: 42%; background: #f243a43d; }
.hero-glow-two { width: 190px; height: 190px; right: 1%; bottom: 0; background: #296dff33; }
.eyebrow-badge { display: inline-flex; padding: .45rem .7rem; border: 1px solid #6651a6; border-radius: 999px; color: #ddd3ff; background: #35256899; font-size: .7rem; font-weight: 850; letter-spacing: .06em; }
.hero-title { max-width: 760px; margin-bottom: 1.15rem; font-size: clamp(3rem, 7vw, 5.5rem); font-weight: 900; line-height: .96; letter-spacing: -.065em; }
.hero-title span { color: transparent; background: linear-gradient(90deg, var(--ll-yellow), #ff6eaa 48%, #a27aff); background-clip: text; -webkit-background-clip: text; }
.hero-copy { max-width: 650px; margin-bottom: 1.6rem; color: #bcb5d1; font-size: 1.08rem; line-height: 1.65; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 1.35rem; margin-top: 1.6rem; color: #8982a2; font-size: .78rem; }
.hero-trust strong { color: #ece8f7; }
.coupon-lab-card { position: relative; overflow: hidden; padding: 1.55rem; border: 1px solid #554a8d; border-radius: 22px; background: linear-gradient(145deg, #1d1747, #120e2c); box-shadow: inset 0 1px 0 #ffffff15, 0 30px 70px #05031380; }
.coupon-lab-card::after { content: ""; position: absolute; width: 180px; height: 180px; top: -90px; right: -70px; border-radius: 50%; background: #974cff42; filter: blur(25px); pointer-events: none; }
.coupon-lab-card > * { position: relative; z-index: 1; }
.coupon-lab-card h2 { margin: .2rem 0 0; font-size: 1.45rem; font-weight: 850; }
.coupon-lab-card p { color: var(--ll-muted); line-height: 1.55; }
.card-kicker, .section-kicker { color: #ff7fc2; font-size: .65rem; font-weight: 900; letter-spacing: .08em; }
.lab-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, #ee3e9d, #754be8); font-size: 1.4rem; }
.form-control, .form-select { border-color: #41395f; color: #fff; background-color: #110d29; }
.form-control:focus, .form-select:focus { border-color: #946fff; box-shadow: 0 0 0 .2rem #8058f32b; }
.form-text { color: #88809e; }
.section-block { padding: 4rem 0; }
.analysis-world { border-block: 1px solid #272143; background: #0e0b25; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.2rem; margin-bottom: 1.4rem; }
.section-heading > div > span { color: #a384ff; font-size: .68rem; font-weight: 900; letter-spacing: .09em; }
.section-heading h2 { margin: .25rem 0 0; font-size: clamp(1.75rem, 4vw, 2.35rem); font-weight: 850; letter-spacing: -.04em; }
.section-heading p { margin: .35rem 0 0; color: var(--ll-muted); }
.section-heading > a { white-space: nowrap; text-decoration: none; font-size: .85rem; }
.small-heading h2 { font-size: 1.5rem; }
.game-result-card { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 210px; padding: 1.25rem; border: 1px solid #ffffff24; border-radius: 18px; color: #fff; text-decoration: none; box-shadow: 0 20px 45px #05031240; transition: transform .2s ease, box-shadow .2s ease; }
.game-result-card:hover { color: #fff; transform: translateY(-4px); box-shadow: 0 26px 55px #05031266; }
.game-result-card::after { content: ""; position: absolute; width: 140px; height: 140px; right: -55px; bottom: -70px; border-radius: 50%; background: #ffffff13; }
.game-result-card h3 { margin: 0; font-size: 1.05rem; font-weight: 850; }
.game-result-card p { color: #ffffffba; font-size: .7rem; }
.game-purple { background: linear-gradient(145deg, #6539e7, #321989); }
.game-blue { background: linear-gradient(145deg, #087ff5, #06429c); }
.game-pink { background: linear-gradient(145deg, #eb3e93, #922258); }
.game-orange { background: linear-gradient(145deg, #ff9e2d, #d44b12); }
.draw-id { display: grid; place-items: center; min-width: 36px; height: 36px; padding: .2rem .5rem; border-radius: 10px; background: #ffffff20; font-size: .75rem; font-weight: 900; }
.game-card-footer { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .8rem; color: #ffffffbd; border-top: 1px solid #ffffff23; font-size: .68rem; }
.number-balls { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.number-balls span, .number-balls a { display: grid; place-items: center; min-width: 45px; height: 45px; padding: 0 .55rem; border-radius: 50%; color: #21152d; background: linear-gradient(145deg, #fff, #d9d3e7); box-shadow: inset 0 -4px 0 #bab4c8, 0 7px 15px #07051335; font-weight: 900; text-decoration: none; }
.number-balls.compact { position: relative; z-index: 1; gap: .35rem; margin: 1.25rem 0; }
.number-balls.compact span { min-width: 29px; height: 29px; padding: 0 .3rem; font-size: .7rem; box-shadow: inset 0 -3px 0 #bab4c8; }
.results-card-grid { align-items: stretch; }
.upcoming-card { height: 100%; padding: 1rem; border: 1px solid #d4dfe5; border-top: 4px solid var(--game-accent, #1d5a82); border-radius: 7px; background: #fff; }
.upcoming-card-top { display: flex; justify-content: space-between; gap: .5rem; align-items: center; margin-bottom: .7rem; }
.upcoming-card-top span { color: #1e4258; font-size: .82rem; font-weight: 800; }
.upcoming-card-top b { color: #9b691c; font-size: .68rem; }
.upcoming-card > strong { display: block; color: #1c3444; font-size: 1.02rem; }
.upcoming-card > small { display: block; min-height: 1.3rem; margin-top: .25rem; color: #70808b; font-size: .68rem; }
.countdown { margin-top: .8rem; padding: .45rem .55rem; border-radius: 4px; color: #fff; background: #1c5278; font-size: .86rem; font-variant-numeric: tabular-nums; font-weight: 800; text-align: center; }
.live-draw-panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1.5rem; align-items: center; padding: 1.25rem; border: 1px solid #d5e0e6; border-left: 4px solid #c88a22; background: #fff; }
.live-draw-panel h3 { margin: .2rem 0 .4rem; color: #1d3e51; }
.live-draw-panel p { margin: 0; color: #6e7f8a; font-size: .8rem; line-height: 1.5; }
.live-draw-panel iframe { border: 0; border-radius: 4px; }

@media (max-width: 767.98px) {
    .live-draw-panel { grid-template-columns: 1fr; }
}

@media (min-width: 1200px) {
    .results-card-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-right: 0; margin-left: 0; }
    .results-card-grid > [class*="col-"] { width: auto; max-width: none; padding-right: .5rem; padding-left: .5rem; }
    .results-card-grid .game-result-card { height: 100%; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .results-card-grid > [class*="col-"] { display: flex; }
    .results-card-grid .game-result-card { width: 100%; }
}
.number-balls.small { gap: .45rem; }
.number-balls.small span, .number-balls.small a { min-width: 36px; height: 36px; font-size: .82rem; }
.number-balls.tiny { gap: .3rem; }
.number-balls.tiny span { min-width: 29px; height: 29px; padding: 0 .3rem; font-size: .68rem; box-shadow: inset 0 -2px 0 #bab4c8; }
.number-balls .bonus-ball { color: #2b1429; background: linear-gradient(145deg, #ffbbdc, #f4439a); box-shadow: inset 0 -4px 0 #bd236d; }
.number-balls .joker-ball { color: #2a230c; background: linear-gradient(145deg, #fff6a2, #ffc22e); box-shadow: inset 0 -4px 0 #cc8c0b; }
.number-balls .active-number { outline: 3px solid #ff4d9d; }
.feature-card { position: relative; display: block; min-height: 190px; padding: 1.35rem; border: 1px solid var(--ll-border); border-radius: 17px; color: #fff; background: linear-gradient(145deg, #191533, #120f28); text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.feature-card:hover { color: #fff; border-color: #765ed0; transform: translateY(-3px); }
.feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 1.35rem; border-radius: 12px; background: linear-gradient(135deg, #5e40b9, #8c4bd4); box-shadow: 0 0 24px #704fd04f; }
.feature-card h3 { font-size: 1rem; font-weight: 800; }
.feature-card p { color: #918aa9; font-size: .8rem; line-height: 1.55; }
.feature-card b { position: absolute; right: 1.2rem; top: 1.25rem; color: #837b9a; font-size: .7rem; }
.data-panel { padding: 1.4rem; border: 1px solid var(--ll-border); border-radius: 18px; background: var(--ll-panel); box-shadow: 0 18px 45px #0503122b; }
.panel-copy { color: var(--ll-muted); font-size: .82rem; }
.hot-row { display: grid; grid-template-columns: 38px 1fr 55px; gap: .8rem; align-items: center; margin: .85rem 0; font-size: .78rem; }
.hot-ball, .rank-ball { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #ff4b99, #ff7656); box-shadow: inset 0 -3px 0 #c92c67; font-weight: 900; }
.progress { height: 7px; background: #2b2547; }
.progress-bar { border-radius: 999px; background: linear-gradient(90deg, #f53c97, #855dff); }
.quick-links { display: grid; gap: .7rem; }
.quick-links a { display: grid; grid-template-columns: 40px 1fr auto; gap: .8rem; align-items: center; padding: .8rem; border: 1px solid #342e51; border-radius: 13px; color: #fff; background: #110e28; text-decoration: none; }
.quick-links a > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #4f36a0; }
.quick-links b, .quick-links small { display: block; }
.quick-links small { color: #827b96; font-size: .68rem; }
.page-hero { position: relative; overflow: hidden; padding: 4.4rem 0 3.4rem; border-bottom: 1px solid #2d264d; background: radial-gradient(circle at 78% 12%, #6336b750, transparent 32%), linear-gradient(145deg, #130f31, #0c0921); }
.page-hero h1 { max-width: 850px; margin: .8rem 0 .6rem; font-size: clamp(2.35rem, 6vw, 4.3rem); font-weight: 900; letter-spacing: -.055em; }
.page-hero p { max-width: 700px; color: #aca5c0; font-size: 1rem; }
.game-page-hero.game-purple { background: radial-gradient(circle at 78% 12%, #9d68ff66, transparent 35%), linear-gradient(140deg, #42218b, #120d2e); }
.game-page-hero.game-blue { background: radial-gradient(circle at 78% 12%, #32b7ff55, transparent 35%), linear-gradient(140deg, #064da3, #0b1235); }
.game-page-hero.game-pink { background: radial-gradient(circle at 78% 12%, #ff78c066, transparent 35%), linear-gradient(140deg, #8f205b, #280d2a); }
.game-page-hero.game-orange { background: radial-gradient(circle at 78% 12%, #ffd05c55, transparent 35%), linear-gradient(140deg, #b64813, #35140b); }
.breadcrumb-line { display: flex; gap: .55rem; align-items: center; margin-bottom: 1rem; color: #c2bad7; font-size: .75rem; }
.breadcrumb-line a { color: #fff; text-decoration: none; }
.latest-draw-panel { padding: 1.6rem; border: 1px solid #554a89; border-radius: 20px; background: linear-gradient(135deg, #20194b, #171231); }
.latest-draw-panel > div { align-items: center; }
.latest-draw-panel span { color: #9f95bb; font-size: .68rem; font-weight: 850; letter-spacing: .06em; }
.latest-draw-panel h2 { margin: .2rem 0; font-size: 1.5rem; }
.latest-draw-panel p { margin: 0; color: #8c85a0; }
.metric-card { height: 100%; padding: 1.15rem; border: 1px solid #373057; border-radius: 16px; background: linear-gradient(145deg, #181431, #110e27); }
.metric-card span, .metric-card small { display: block; color: #88819b; font-size: .68rem; }
.metric-card strong { display: block; margin: .2rem 0; color: #fff; font-size: 1.55rem; font-weight: 900; }
.draw-list { display: grid; }
.draw-row { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .85rem 0; border-bottom: 1px solid #302a4c; }
.draw-row:last-child { border: 0; }
.draw-row > div:first-child { min-width: 132px; }
.draw-row strong, .draw-row small { display: block; }
.draw-row small { color: #817a95; font-size: .7rem; }
.number-ranking { display: grid; grid-template-columns: repeat(2, 1fr); gap: .55rem; margin-top: 1rem; }
.number-ranking a { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .5rem .65rem; border: 1px solid #332c50; border-radius: 11px; color: #fff; background: #100d25; text-decoration: none; font-size: .72rem; }
.number-ranking a span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #24152c; background: linear-gradient(145deg, #fff, #cfc9dc); font-weight: 900; }
.number-ranking a b { color: #918aa4; }
.large-ranking { grid-template-columns: repeat(2, 1fr); }
.filter-panel { padding: 1.25rem; border: 1px solid #373057; border-radius: 18px; background: var(--ll-panel); }
.archive-list { display: grid; gap: .7rem; }
.archive-row { display: grid; grid-template-columns: 76px 180px 1fr; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid #332c51; border-radius: 15px; background: #14112c; }
.archive-date { display: flex; gap: .55rem; align-items: center; }
.archive-date strong { font-size: 1.8rem; }
.archive-date span { color: #888198; font-size: .65rem; line-height: 1.25; }
.archive-info span { color: #9b93ad; font-size: .66rem; }
.archive-info h3 { margin: .1rem 0; font-size: .9rem; }
.page-link { border-color: #373057; color: #c6b9f5; background: #15112c; }
.page-link:hover { border-color: #7458d5; color: #fff; background: #2b205b; }
.ranking-table { display: grid; gap: .55rem; }
.ranking-table a { display: grid; grid-template-columns: 38px 1fr 36px; gap: .75rem; align-items: center; color: #fff; text-decoration: none; font-size: .75rem; }
.rank-ball.cold { background: linear-gradient(135deg, #39b9ff, #4268ef); box-shadow: inset 0 -3px 0 #2745b8; }
.cold-ranking .progress-bar { background: linear-gradient(90deg, #29b9ff, #6657ec); }
.combo-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
.combo-list > div { display: flex; justify-content: space-between; gap: .7rem; align-items: center; padding: .7rem; border: 1px solid #332d51; border-radius: 12px; background: #100d25; font-size: .7rem; }
.combo-list span { display: flex; gap: .25rem; }
.combo-list i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: #1f152a; background: #f2edf8; font-style: normal; font-weight: 900; }
.combo-list b { color: #8f88a1; }
.split-stat { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; text-align: center; }
.split-stat > div { padding: 1rem; border-radius: 13px; background: #100d25; }
.split-stat strong, .split-stat span { display: block; }
.split-stat strong { font-size: 1.7rem; }
.split-stat span { color: #8e879f; font-size: .72rem; }
.big-stat { margin-top: 1.5rem; font-size: 2rem; font-weight: 900; }
.big-stat small { display: block; margin-top: .3rem; color: #8f88a2; font-size: .72rem; font-weight: 500; }
.coupon-page-hero { background: radial-gradient(circle at 75% 15%, #f243a64d, transparent 30%), radial-gradient(circle at 15% 80%, #6a46e949, transparent 35%), #100c2a; }
.coupon-form-panel { top: 105px; }
.empty-analysis { display: grid; place-items: center; align-content: center; min-height: 390px; padding: 2rem; border: 1px dashed #51466f; border-radius: 20px; color: #a49db6; background: #110e29; text-align: center; }
.empty-analysis > span { display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 1rem; border-radius: 20px; color: #fff; background: linear-gradient(135deg, #ef3e9b, #724ae7); font-size: 2rem; }
.empty-analysis h2 { color: #fff; font-size: 1.35rem; }
.empty-analysis .row > div > div { padding: .75rem; border: 1px solid #302949; border-radius: 11px; font-size: .72rem; }
.match-list { display: grid; }
.match-list > div { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .8rem 0; border-bottom: 1px solid #302a4b; }
.match-list > div:last-child { border: 0; }
.match-list strong, .match-list small { display: block; }
.match-list small { color: #827b96; font-size: .68rem; }
.match-list > div > b { color: #ff7abb; font-size: 1.1rem; }
.table { --bs-table-bg: transparent; --bs-table-border-color: #302a4b; }
.table a { text-decoration: none; }
.generator-hero { background: radial-gradient(circle at 80% 20%, #ffab3144, transparent 30%), radial-gradient(circle at 10% 80%, #8b5cff44, transparent 35%), #110d2a; }
.generated-column { display: grid; place-items: center; min-height: 360px; padding: 2rem; border: 1px solid #5b4d91; border-radius: 21px; background: radial-gradient(circle at 50% 20%, #743fc444, transparent 45%), linear-gradient(145deg, #1d1743, #110e29); text-align: center; }
.generated-column > span { color: #ff83c4; font-size: .65rem; font-weight: 900; letter-spacing: .1em; }
.generated-column h2 { margin-top: .4rem; }
.number-hero { background: radial-gradient(circle at 18% 50%, #f3449a44, transparent 28%), radial-gradient(circle at 82% 20%, #8254ff44, transparent 32%), #100d29; }
.giant-ball { display: grid; flex: 0 0 auto; place-items: center; width: 110px; height: 110px; border-radius: 50%; color: #24142c; background: linear-gradient(145deg, #fff6a8, #ffab34); box-shadow: inset 0 -9px 0 #d57818, 0 18px 40px #ff9f3245; font-size: 2.7rem; font-weight: 950; }
.content-article { max-width: 850px; margin: 0 auto; padding: 2rem; border: 1px solid #342e52; border-radius: 20px; background: #15112e; }
.content-article p { color: #aaa3bb; line-height: 1.8; }
.mobile-offcanvas { color: #fff; background: #100d28; }
.mobile-menu-list { display: grid; }
.mobile-menu-list a { padding: .9rem 0; border-bottom: 1px solid #302949; color: #fff; text-decoration: none; font-weight: 700; }
.menu-label { color: #776f8d; font-size: .65rem; font-weight: 850; letter-spacing: .1em; }
.site-footer { padding: 4rem 0 6.5rem; border-top: 1px solid #272142; color: #827b95; background: #080617; font-size: .8rem; }
.site-footer h2 { color: #fff; font-size: .85rem; }
.site-footer a { display: block; margin: .5rem 0; color: #918aa4; text-decoration: none; }
.footer-bottom { margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid #211c38; }
.mobile-bottom-nav { position: fixed; z-index: 1040; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, 1fr); padding: .4rem max(.4rem, env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom)) max(.4rem, env(safe-area-inset-left)); border-top: 1px solid #38305c; background: #100d29ed; backdrop-filter: blur(16px); }
.mobile-bottom-nav a { display: grid; place-items: center; gap: .12rem; color: #8e87a0; text-decoration: none; font-size: .58rem; }
.mobile-bottom-nav a span { font-size: 1rem; }
.mobile-bottom-nav .bottom-main { color: #fff; }
.mobile-bottom-nav .bottom-main span { display: grid; place-items: center; width: 38px; height: 38px; margin-top: -18px; border: 3px solid #100d29; border-radius: 50%; background: linear-gradient(135deg, #f03d98, #7549e8); box-shadow: 0 7px 18px #d23daf52; }
@media (max-width: 991.98px) {
    .hero-section { min-height: auto; }
    .section-block { padding: 3rem 0; }
    .archive-row { grid-template-columns: 62px 1fr; }
    .archive-row > .number-balls { grid-column: 1 / -1; }
    .coupon-form-panel { top: 0; }
    .site-footer { padding-bottom: 7rem; }
}
@media (max-width: 575.98px) {
    .live-strip { min-height: 28px; font-size: .6rem; }
    .site-navbar { padding-block: .5rem; }
    .brand-logo { font-size: 1rem; }
    .brand-seven { width: 33px; height: 33px; border-radius: 10px; }
    .hero-section .row { padding-top: 1.5rem !important; }
    .hero-title { font-size: 3rem; }
    .hero-copy { font-size: .92rem; }
    .hero-trust { gap: .75rem 1rem; }
    .coupon-lab-card { padding: 1.2rem; border-radius: 18px; }
    .section-block { padding: 2.5rem 0; }
    .section-heading { align-items: flex-start; }
    .section-heading > a { display: none; }
    .game-result-card { min-height: 185px; }
    .page-hero { padding: 3rem 0 2.4rem; }
    .page-hero h1 { font-size: 2.55rem; }
    .latest-draw-panel { padding: 1.1rem; }
    .latest-draw-panel .number-balls { margin-top: .5rem; }
    .number-balls span, .number-balls a { min-width: 38px; height: 38px; font-size: .8rem; }
    .draw-row { display: block; }
    .draw-row .number-balls { margin-top: .65rem; }
    .number-ranking, .large-ranking, .combo-list { grid-template-columns: 1fr; }
    .archive-row { grid-template-columns: 52px 1fr; padding: .85rem; }
    .archive-info h3 { font-size: .82rem; }
    .archive-date strong { font-size: 1.45rem; }
    .giant-ball { width: 78px; height: 78px; font-size: 2rem; }
    .number-hero .d-flex { align-items: flex-start !important; }
    .number-hero h1 { font-size: 2rem; }
    .data-panel { padding: 1.05rem; }
    .content-article { padding: 1.25rem; }
}

/* Kolon oluşturucu: öne çıkan araç ve çekiliş animasyonları */
.nav-generator-link { display: flex; gap: .38rem; align-items: center; color: #174d75 !important; font-weight: 800 !important; }
.nav-generator-link span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #fff; background: #c88a22; font-size: .52rem; box-shadow: inset 0 -2px 0 #8e621d; }
.home-generator-section { padding: 2rem 0 3.5rem; background: #fff; }
.home-generator-card { display: grid; grid-template-columns: minmax(300px, .8fr) 1.2fr; min-height: 390px; overflow: hidden; border: 1px solid #cbd6de; border-radius: 7px; background: #f7f5ef; box-shadow: 0 18px 45px #17354a16; }
.home-generator-visual { display: grid; place-items: center; min-height: 390px; background: radial-gradient(circle at 50% 40%, #2e688f, #173d59 55%, #102e45); }
.mini-draw-machine { position: relative; width: 265px; height: 265px; border: 10px solid #d9e6ed99; border-radius: 50%; background: radial-gradient(circle at 38% 28%, #ffffff30, transparent 22%), #e8f1f51b; box-shadow: inset 0 0 0 3px #fff, inset 0 -25px 45px #071d2d88, 0 20px 40px #071e2e66; }
.mini-draw-machine::before { content: ""; position: absolute; right: 46px; bottom: -54px; left: 46px; height: 60px; border-radius: 5px 5px 0 0; background: #d7a03d; box-shadow: inset 0 -8px 0 #a16f20; }
.mini-draw-machine > span { position: absolute; inset: 17px; border: 1px dashed #ffffff55; border-radius: 50%; animation: machine-spin 13s linear infinite; }
.mini-draw-machine i { position: absolute; display: grid; place-items: center; width: 47px; height: 47px; top: calc(50% - 24px); left: calc(50% - 24px); border: 2px solid #d1d9df; border-radius: 50%; color: #20394b; background: radial-gradient(circle at 35% 27%, #fff, #edf1f3 55%, #bfcbd2); box-shadow: inset 0 -4px 7px #8799a455, 0 5px 10px #071e2f55; font-style: normal; font-weight: 800; animation: mini-ball-float 4.5s ease-in-out infinite; animation-delay: calc(var(--mini-index) * -.62s); }
.mini-draw-machine i:nth-of-type(1) { transform: translate(-78px, -50px); }
.mini-draw-machine i:nth-of-type(2) { transform: translate(15px, -78px); }
.mini-draw-machine i:nth-of-type(3) { transform: translate(70px, -20px); }
.mini-draw-machine i:nth-of-type(4) { transform: translate(42px, 62px); }
.mini-draw-machine i:nth-of-type(5) { transform: translate(-48px, 68px); }
.mini-draw-machine i:nth-of-type(6) { transform: translate(-83px, 12px); }
.home-generator-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(2rem, 5vw, 4.2rem); }
.home-generator-copy h2 { max-width: 660px; margin: .45rem 0 .8rem; color: #183449; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.05; }
.home-generator-copy > p { max-width: 680px; color: #566977; line-height: 1.75; }
.home-generator-features { display: flex; flex-wrap: wrap; gap: .55rem 1.15rem; margin: .5rem 0 1.35rem; color: #344d5e; font-size: .83rem; font-weight: 700; }
.home-generator-features b { color: #9a6b20; }
.home-generator-copy .btn { display: flex; gap: 1rem; align-items: center; }
.home-generator-copy > small { margin-top: .75rem; color: #7b858d; font-size: .68rem; }
.generator-workspace { background: #eef2f4; }
.generator-control-panel { padding: clamp(1.25rem, 3vw, 2rem); border-top: 4px solid #1c5279; }
.generator-control-panel h2 { margin: .35rem 0 1.25rem; color: #1d3546; }
.generator-method-note { display: flex; gap: .7rem; align-items: flex-start; margin-bottom: 1.15rem; padding: .75rem .85rem; border: 1px solid #dbe2e7; background: #f7f9fa; }
.generator-method-note span { display: grid; flex: 0 0 auto; place-items: center; width: 21px; height: 21px; border-radius: 50%; color: #fff; background: #55758c; font-family: Georgia, serif; font-weight: 700; }
.generator-method-note p { margin: 0; color: #64737e; font-size: .75rem; line-height: 1.5; }
.generator-extra-option { display: flex; gap: .65rem; align-items: flex-start; margin-bottom: .85rem; padding: .75rem .85rem; border: 1px solid #e0c688; background: #fff8e8; cursor: pointer; }
.generator-extra-option[hidden] { display: none; }
.generator-count-option[hidden] { display: none; }
.generator-count-help { display: block; margin: -.55rem 0 1rem; color: #657683; font-size: .74rem; line-height: 1.45; }
.generator-extra-option input { flex: 0 0 auto; margin-top: .15rem; }
.generator-extra-option span, .generator-extra-option strong, .generator-extra-option small { display: block; }
.generator-extra-option strong { color: #513a12; font-size: .8rem; }
.generator-extra-option small { margin-top: .1rem; color: #7a6949; font-size: .68rem; }
.generator-start { display: flex; justify-content: space-between; gap: .65rem; align-items: center; }
.generator-button-icon { display: grid; place-items: center; width: 27px; height: 27px; border: 2px solid #ffffffaa; border-radius: 50%; font-size: .48rem; }
.generator-start b { font-size: 1.25rem; }
.generator-stage { display: grid; place-items: center; align-content: center; min-height: 470px; padding: 2rem; border: 1px solid #cad6de; border-radius: 5px; background: linear-gradient(145deg, #fff, #f4f7f8); text-align: center; }
.generator-stage h2 { margin: .3rem 0 .45rem; color: #1c374a; font-size: 2rem; }
.generator-stage p { max-width: 470px; color: #657683; }
.lottery-drum { position: relative; width: 180px; height: 180px; margin-bottom: 1.4rem; overflow: hidden; border: 7px solid #c9d7df; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #fff, #e8f0f4 62%, #bdccd5); box-shadow: inset 0 -20px 30px #6c859544, 0 15px 30px #24475d24; }
.drum-ring { position: absolute; inset: 17px; border: 1px dashed #7691a2; border-radius: 50%; animation: machine-spin 9s linear infinite; }
.lottery-drum i { position: absolute; display: grid; place-items: center; width: 34px; height: 34px; top: calc(50% - 17px); left: calc(50% - 17px); border: 1px solid #b7c3ca; border-radius: 50%; color: #234054; background: #fff; font-style: normal; font-size: .72rem; font-weight: 800; animation: orbit-preview 5s linear infinite; animation-delay: calc(var(--ball-index) * -.83s); }
.generated-column { min-height: 470px; padding: clamp(1.5rem, 4vw, 3rem); border-top: 4px solid #c88a22; background: #fff; }
.generated-method { margin: .2rem 0 0; color: #6c7b86; font-size: .8rem; }
.generated-balls { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin: 2rem 0 1rem; }
.generated-balls span { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid #d2dbe1; border-radius: 50%; color: #19394f; background: radial-gradient(circle at 35% 25%, #fff, #edf2f5 58%, #c2cfd7); box-shadow: inset 0 -5px 8px #8196a344, 0 7px 13px #173b5227; font-size: 1.05rem; font-weight: 850; }
.generated-balls .generated-extra-ball { border-color: #d59b39; color: #fff; background: radial-gradient(circle at 35% 25%, #efc777, #c88a22 58%, #956319); }
.is-revealing .generated-balls span { opacity: 0; animation: ball-drop .55s cubic-bezier(.2, .8, .25, 1.25) forwards; animation-delay: calc(var(--reveal-index) * 110ms + 120ms); }
.extra-ball-legend { display: flex; justify-content: center; gap: .45rem; align-items: center; color: #73808a; }
.extra-ball-legend i { width: 10px; height: 10px; border-radius: 50%; background: #c88a22; }
.generated-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "save save" "analysis retry" "official official" "official-note official-note"; gap: .65rem; width: min(100%, 560px); margin-top: 1.5rem; }
.generated-actions > form, .generated-actions > a { width: 100%; margin: 0; }
.generated-actions .btn { width: 100%; min-height: 42px; }
.generated-save-form { grid-area: save; display: grid; width: 100%; gap: .65rem; }
.generated-analysis-action { grid-area: analysis; }
.generated-retry-action { grid-area: retry; }
.generated-login-action { grid-area: save; }
.generated-official-action { grid-area: official; }
.generated-official-note { grid-area: official-note; color: #687985; font-size: .67rem; line-height: 1.45; text-align: center; }
.btn-official-play { border: 1px solid #a66c12; color: #fff; background: #b77918; font-weight: 750; }
.btn-official-play:hover, .btn-official-play:focus { border-color: #80500a; color: #fff; background: #95600e; }
.btn-official-play.is-copied { border-color: #236a4e; background: #236a4e; }
.community-share-option { display: flex; gap: .65rem; align-items: flex-start; padding: .75rem; border: 1px solid #d4dee5; background: #f7f9fa; text-align: left; cursor: pointer; }
.community-share-option input { flex: 0 0 auto; margin-top: .18rem; }
.community-share-option span, .community-share-option strong, .community-share-option small { display: block; }
.community-share-option strong { color: #243e50; font-size: .78rem; }
.community-share-option small { margin-top: .12rem; color: #71808b; font-size: .66rem; line-height: 1.4; }
.generator-draw-overlay[hidden] { display: none; }
.generator-draw-overlay { position: fixed; z-index: 1090; inset: 0; display: grid; place-items: center; padding: 1rem; background: #102e45ed; backdrop-filter: blur(7px); }
.generator-draw-dialog { width: min(92vw, 430px); padding: 2rem; border: 1px solid #ffffff30; border-radius: 10px; color: #fff; background: #173f5bea; box-shadow: 0 30px 80px #061722aa; text-align: center; }
.generator-draw-dialog strong { display: block; margin-top: 1.3rem; font-size: 1.2rem; }
.generator-draw-dialog p { margin: .35rem 0 1.2rem; color: #c9d7e0; font-size: .8rem; }
.draw-chamber { position: relative; width: 190px; height: 190px; margin: 0 auto; overflow: hidden; border: 7px solid #d5e2e9aa; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #ffffff35, transparent 25%), #e8f3f81c; box-shadow: inset 0 -20px 35px #061a2888, 0 15px 35px #04141e88; }
.chamber-orbit { position: absolute; inset: 17px; border: 1px dashed #ffffff66; border-radius: 50%; animation: machine-spin 2.2s linear infinite; }
.draw-chamber i { position: absolute; display: grid; place-items: center; width: 36px; height: 36px; top: calc(50% - 18px); left: calc(50% - 18px); border-radius: 50%; color: #19394e; background: #fff; box-shadow: inset 0 -4px 7px #8295a144; font-style: normal; font-size: .72rem; font-weight: 800; animation: loading-ball 1.45s ease-in-out infinite; animation-delay: calc(var(--loading-index) * -205ms); }
.draw-progress { height: 5px; overflow: hidden; border-radius: 5px; background: #ffffff26; }
.draw-progress span { display: block; width: 30%; height: 100%; border-radius: inherit; background: #e4ad4d; animation: draw-progress 1.8s ease-in-out forwards; }

@keyframes machine-spin { to { transform: rotate(360deg); } }
@keyframes mini-ball-float { 0%, 100% { margin: 0; } 45% { margin: -7px 0 0 5px; } 75% { margin: 5px 0 0 -5px; } }
@keyframes orbit-preview { from { transform: rotate(0deg) translateX(58px) rotate(0deg); } to { transform: rotate(360deg) translateX(58px) rotate(-360deg); } }
@keyframes loading-ball { 0%, 100% { transform: translate(-62px, 8px) rotate(0); } 25% { transform: translate(-20px, -65px) rotate(100deg); } 50% { transform: translate(61px, -12px) rotate(200deg); } 75% { transform: translate(12px, 65px) rotate(300deg); } }
@keyframes draw-progress { from { width: 8%; } to { width: 100%; } }
@keyframes ball-drop { from { opacity: 0; transform: translateY(-35px) scale(.55) rotate(-25deg); } to { opacity: 1; transform: translateY(0) scale(1) rotate(0); } }

@media (max-width: 991.98px) {
    .home-generator-card { grid-template-columns: 1fr; }
    .home-generator-visual { min-height: 310px; }
    .generator-stage, .generated-column { min-height: 390px; }
}
@media (max-width: 575.98px) {
    .home-generator-section { padding: 1.2rem 0 2.6rem; }
    .home-generator-card { border-radius: 5px; }
    .home-generator-visual { min-height: 255px; }
    .mini-draw-machine { width: 190px; height: 190px; }
    .mini-draw-machine i { width: 39px; height: 39px; top: calc(50% - 20px); left: calc(50% - 20px); font-size: .72rem; }
    .mini-draw-machine i:nth-of-type(1) { transform: translate(-55px, -38px); }
    .mini-draw-machine i:nth-of-type(2) { transform: translate(10px, -55px); }
    .mini-draw-machine i:nth-of-type(3) { transform: translate(50px, -15px); }
    .mini-draw-machine i:nth-of-type(4) { transform: translate(30px, 43px); }
    .mini-draw-machine i:nth-of-type(5) { transform: translate(-34px, 46px); }
    .mini-draw-machine i:nth-of-type(6) { transform: translate(-58px, 8px); }
    .home-generator-copy { padding: 1.5rem; }
    .home-generator-copy h2 { font-size: 2rem; }
    .home-generator-features { display: grid; }
    .home-generator-copy .btn { width: 100%; justify-content: center; }
    .generator-stage { min-height: 350px; padding: 1.25rem; }
    .generated-balls { gap: .5rem; }
    .generated-balls span { width: 48px; height: 48px; font-size: .9rem; }
    .generated-actions, .generated-actions form, .generated-actions .btn { width: 100%; }
    .generator-draw-dialog { padding: 1.5rem 1rem; }
    .draw-chamber { width: 165px; height: 165px; }
}
@media (prefers-reduced-motion: reduce) {
    .mini-draw-machine > span, .mini-draw-machine i, .drum-ring, .lottery-drum i, .chamber-orbit, .draw-chamber i, .draw-progress span, .is-revealing .generated-balls span { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Üyelik, günlük kolon ve takip paneli */
.flash-stack { position: relative; z-index: 5; margin-top: 1rem; }
.flash-stack .alert { margin-bottom: .6rem; }
.auth-card { max-width: 520px; margin: 0 auto; padding: clamp(1.4rem, 4vw, 2.3rem); border: 1px solid var(--ll-border); border-top: 4px solid var(--ll-primary); background: #fff; }
.auth-card h2 { color: #203747; }
.recaptcha-wrap { min-height: 78px; margin-bottom: 1rem; overflow: hidden; }
.auth-switch { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid #e2e7eb; color: #687783; text-align: center; }
.verification-code { height: 64px; text-align: center; font-size: 1.8rem; font-weight: 800; letter-spacing: .35em; }
.responsible-note { padding: 1rem 1.2rem; border-left: 4px solid var(--ll-accent); color: #5b5549; background: #faf8f2; font-size: .86rem; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: .5rem; }
.filter-tabs a { padding: .5rem .8rem; border: 1px solid #ccd4db; color: #526575; background: #fff; text-decoration: none; font-size: .8rem; font-weight: 700; }
.filter-tabs a.active { border-color: var(--ll-primary); color: #fff; background: var(--ll-primary); }
.archive-pagination-wrap { overflow-x: auto; padding-bottom: .25rem; }
.archive-pagination { width: max-content; min-width: 100%; margin-bottom: .45rem; }
.archive-pagination .page-link { min-width: 40px; color: #174d75; text-align: center; }
.archive-pagination .page-item.active .page-link { border-color: #174d75; color: #fff; background: #174d75; }
.archive-pagination .page-item.disabled .page-link { color: #8a969f; background: #f1f4f6; }
.archive-pagination-wrap > p { margin: 0; color: #72808a; font-size: .68rem; text-align: center; }
.archive-page-gap .page-link { min-width: 34px; }
.admin-page-hero, .prediction-history-hero { background: linear-gradient(120deg, #f7fafc, #edf3f6); }
.admin-result-form { border-top: 4px solid #174d75; }
.admin-form-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: 1.25rem; }
.admin-form-heading span { color: #936316; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.admin-form-heading h2 { margin: .2rem 0 0; color: #1b394d; }
.admin-security-badge { padding: .4rem .55rem; border: 1px solid #b8d1c7; border-radius: 4px; color: #176247 !important; background: #eef8f4; letter-spacing: 0 !important; }
.admin-field-help { display: block; margin-top: .35rem; color: #70808c; font-size: .69rem; }
.admin-result-warning { display: grid; margin: 1.2rem 0; padding: .8rem 1rem; border-left: 4px solid #c28720; background: #fff8e9; }
.admin-result-warning strong { color: #624710; font-size: .78rem; }
.admin-result-warning span { color: #776b53; font-size: .7rem; }
.admin-collector-panel { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 1.15rem; border-top: 3px solid #c28720; }
.admin-collector-panel p { color: #61727d; font-size: .75rem; }
.admin-collector-panel small { display: block; margin-top: .35rem; color: #a13f3f; }
@media (max-width: 575.98px) { .admin-collector-panel { flex-direction: column; align-items: stretch; } }
.admin-recent-draws { display: grid; }
.admin-recent-draws > div { display: grid; padding: .8rem 0; border-bottom: 1px solid #e0e6ea; }
.admin-recent-draws span { color: #8c641d; font-size: .66rem; font-weight: 800; }
.admin-recent-draws strong { color: #294657; font-size: .82rem; }
.admin-recent-draws small { margin-top: .2rem; color: #71808a; }
.admin-account-box { display: grid; gap: .3rem; margin: 1rem 0; padding: .8rem; border: 1px solid #d8c28f; background: #fff9ea; }
.admin-account-box span { color: #98650e; font-size: .62rem; font-weight: 900; letter-spacing: .08em; }
.admin-account-box strong { margin-bottom: .35rem; color: #4c3a19; font-size: .8rem; }
.prediction-performance-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d8e1e7; background: #fff; }
.prediction-performance-grid > div { padding: 1rem 1.15rem; border-right: 1px solid #e0e6ea; }
.prediction-performance-grid > div:last-child { border-right: 0; }
.prediction-performance-grid span, .prediction-performance-grid strong, .prediction-performance-grid small { display: block; }
.prediction-performance-grid span { color: #76551c; font-size: .67rem; font-weight: 800; }
.prediction-performance-grid strong { margin: .2rem 0; color: #173f5b; font-size: 1.45rem; }
.prediction-performance-grid small { color: #71808a; font-size: .64rem; }
.prediction-history-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: .8rem; }
.prediction-history-heading span { color: #8e631b; font-size: .65rem; font-weight: 850; letter-spacing: .08em; }
.prediction-history-heading h2 { margin: .15rem 0 0; color: #203b4d; }
.prediction-history-heading p { margin: 0; color: #6f7e88; font-size: .7rem; }
.prediction-history-heading i { display: inline-block; width: 10px; height: 10px; margin-right: .3rem; border-radius: 50%; background: #278a61; }
.prediction-history-list { display: grid; border-top: 1px solid #d9e1e6; }
.prediction-history-card { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(320px, 1.7fr) minmax(125px, .55fr); gap: 1rem; align-items: center; padding: 1rem; border: 1px solid #d9e1e6; border-top: 0; background: #fff; }
.prediction-source { display: grid; }
.prediction-source > span { width: max-content; padding: .18rem .35rem; border-radius: 3px; color: #fff; background: #8b641d; font-size: .58rem; font-weight: 900; letter-spacing: .07em; }
.prediction-source > span.is-community { background: #47677e; }
.prediction-source strong { margin-top: .35rem; color: #263f50; }
.prediction-source small, .prediction-source time { color: #77858f; font-size: .64rem; }
.prediction-source time { margin-top: .2rem; }
.prediction-number-area .number-balls { justify-content: flex-start; }
.number-balls .matched-ball { border-color: #1d7b55 !important; color: #fff !important; background: #278a61 !important; box-shadow: inset 0 -3px 5px #0c5035aa, 0 0 0 3px #dff4eb !important; }
.prediction-result { display: grid; justify-items: end; text-align: right; }
.prediction-result span { color: #6f7f8a; font-size: .58rem; font-weight: 850; letter-spacing: .07em; }
.prediction-result strong { color: #1b6549; font-size: 1.2rem; }
.prediction-result small { color: #74828c; font-size: .64rem; }
.draw-result-numbers { margin: .55rem 0; padding: .45rem .55rem; border: 1px solid #dbe4e9; background: #f7fafb; }
.draw-result-numbers > small { display: block; margin-bottom: .3rem; color: #637683; font-size: .62rem; font-weight: 700; }
.draw-result-numbers .number-balls { gap: .25rem; }
.draw-result-numbers .number-balls span { width: 1.55rem; height: 1.55rem; font-size: .62rem; }
.draw-special-results { display: flex; flex-wrap: wrap; gap: .55rem; margin: .45rem 0; padding: .45rem .55rem; border: 1px solid #e3e8ec; background: #fff; }
.draw-special-group { display: inline-flex; align-items: center; gap: .25rem; }
.draw-special-group b { margin-right: .15rem; font-size: .62rem; }
.draw-special-group i { display: inline-flex; align-items: center; justify-content: center; width: 1.55rem; height: 1.55rem; border-radius: 50%; font-size: .62rem; font-style: normal; font-weight: 800; }
.joker-label { color: #177da4; }
.joker-ball { color: #fff; background: #25a7d7; }
.superstar-label { color: #a26f00; }
.superstar-ball { color: #604500; background: #ffd84a; border: 2px solid #e0a900; }
.prediction-target-inline { grid-column: 1 / -1; display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem; border-top: 1px solid #e1e8ec; color: #31536b; font-size: .68rem; }
.prediction-target-inline span { color: #9b691c; font-size: .58rem; font-weight: 850; letter-spacing: .07em; }
.prediction-target-inline strong { font-size: .72rem; }
.prediction-target-inline b { margin-left: auto; min-width: 96px; padding: .25rem .45rem; color: #fff; background: #1c5278; font-variant-numeric: tabular-nums; text-align: center; }
.daily-game-section { margin-bottom: 3rem; }
.daily-game-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; margin-bottom: 1rem; padding-bottom: .8rem; border-bottom: 2px solid #dbe1e6; }
.daily-game-heading > div:first-child > span { color: #8b641e; font-size: .68rem; font-weight: 800; letter-spacing: .07em; }
.daily-game-heading h2 { margin: .15rem 0 0; color: #203747; }
.performance-chip { display: flex; gap: .65rem; align-items: center; padding: .55rem .75rem; border: 1px solid #d9e0e5; background: #fff; }
.performance-chip strong { color: var(--ll-primary); font-size: 1.25rem; }
.performance-chip span { color: #6b7984; font-size: .66rem; line-height: 1.35; }
.account-performance-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d7e0e6; background: #fff; }
.account-performance-grid > div { padding: 1rem 1.2rem; border-right: 1px solid #dfe5e9; }
.account-performance-grid > div:last-child { border-right: 0; }
.account-performance-grid span, .account-performance-grid strong, .account-performance-grid small { display: block; }
.account-performance-grid span { color: #687985; font-size: .68rem; font-weight: 700; }
.account-performance-grid strong { margin: .2rem 0; color: #173f5b; font-size: 1.55rem; }
.account-performance-grid small { color: #77858f; font-size: .65rem; }
.account-game-performance .table th { color: #28465a; font-size: .75rem; }
.account-game-performance .table td { color: #5f707c; font-size: .75rem; }
.tracked-column-result { display: flex; justify-content: space-between; gap: .6rem; align-items: center; min-height: 38px; margin: -.25rem 0 .75rem; padding: .45rem .55rem; border: 1px solid #dfe6ea; background: #f8fafb; }
.tracked-column-result strong { color: #1d5c48; font-size: .72rem; }
.tracked-column-result span { color: #78858e; font-size: .6rem; line-height: 1.25; text-align: right; }
.system-column-card { height: 100%; padding: 1rem; border: 1px solid #d9e0e5; border-top: 3px solid var(--ll-primary); background: #fff; }
.column-card-top { display: flex; justify-content: space-between; gap: .5rem; color: #75818b; font-size: .67rem; }
.column-card-top span { color: #8b641e; font-weight: 800; }
.system-column-card .number-balls { min-height: 70px; }
.verified-label { color: #187153 !important; font-size: 1.05rem !important; }
.empty-state { padding: 2.5rem 1rem; color: #687783; text-align: center; }
.empty-state h3 { color: #2b4050; font-size: 1.2rem; }
.saved-column-list { display: grid; }
.saved-column-list article { display: grid; grid-template-columns: minmax(130px, 1.1fr) minmax(190px, 1.8fr) minmax(90px, .7fr) auto; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #e1e6ea; }
.saved-column-list article:last-child { border-bottom: 0; }
.saved-column-meta span, .saved-column-meta strong, .saved-column-meta small { display: block; }
.saved-column-meta span { color: #8b641e; font-size: .65rem; font-weight: 800; }
.saved-column-meta strong { color: #263c4c; }
.saved-column-meta small { color: #78848e; font-size: .67rem; }
.column-result strong, .column-result span { display: block; }
.column-result strong { color: var(--ll-primary); }
.column-result span { color: #77838d; font-size: .65rem; }
.column-actions { display: flex; gap: .35rem; }
.saved-column-list article > .draw-result-numbers { grid-column: 1 / -1; order: 10; width: 100%; }
.saved-column-list article > .draw-special-results { grid-column: 1 / -1; order: 9; width: 100%; }
@media (min-width: 992px) {
    .saved-column-list article { grid-template-areas: "meta numbers result actions" "draw draw draw draw"; }
    .saved-column-list article > .saved-column-meta { grid-area: meta; }
    .saved-column-list article > .number-balls { grid-area: numbers; }
    .saved-column-list article > .column-result { grid-area: result; }
    .saved-column-list article > .column-actions { grid-area: actions; }
    .saved-column-list article > .draw-result-numbers { grid-area: draw; }
}
.favorite-column-button { display: inline-flex; gap: .35rem; align-items: center; white-space: nowrap; }
.favorite-column-button.is-favorite { border-color: #c58a25; color: #704b0d; background: #fff4dc; }
@media (max-width: 991.98px) {
    .saved-column-list article { grid-template-columns: 1fr 1.5fr auto; grid-template-areas: "meta numbers result" "actions actions actions" "draw draw draw"; }
    .saved-column-list article > .saved-column-meta { grid-area: meta; }
    .saved-column-list article > .number-balls { grid-area: numbers; }
    .saved-column-list article > .column-result { grid-area: result; }
    .saved-column-list article > .column-actions { grid-area: actions; }
    .saved-column-list article > .draw-result-numbers { grid-area: draw; }
}
@media (max-width: 575.98px) {
    .daily-game-heading { align-items: flex-start; }
    .performance-chip { display: block; text-align: right; }
    .saved-column-list article { grid-template-columns: 1fr; grid-template-areas: "meta" "numbers" "result" "actions" "draw"; }
    .saved-column-list .column-actions { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* LotoSonuclari.com — açık, okunaklı ve güven odaklı yayın teması */
:root {
    --ll-bg: #f5f7fa;
    --ll-panel: #ffffff;
    --ll-border: #dfe5ec;
    --ll-text: #172230;
    --ll-muted: #627080;
    --ll-primary: #135d4a;
    --ll-primary-dark: #0d4638;
    --ll-blue: #245b88;
    --ll-soft: #edf5f2;
}
body { color: var(--ll-text); background: var(--ll-bg); font-family: "Segoe UI", Roboto, Arial, sans-serif; font-size: 16px; line-height: 1.6; }
a { color: var(--ll-blue); }
a:hover { color: var(--ll-primary-dark); }
h1, h2, h3, .brand-name { font-family: Georgia, "Times New Roman", serif; }
.container-xl { max-width: 1200px; }
.utility-bar { min-height: 34px; color: #dbe9e4; background: #123b33; font-size: .78rem; }
.utility-bar .container-xl { display: flex; justify-content: space-between; gap: 1rem; align-items: center; min-height: 34px; }
.utility-bar a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.status-dot { display: inline-block; width: 8px; height: 8px; margin-right: .42rem; border-radius: 50%; background: #68c79d; box-shadow: 0 0 0 3px #68c79d2e; }
.site-navbar { min-height: 76px; border-bottom: 1px solid var(--ll-border); background: #ffffffee; box-shadow: 0 4px 18px #2334410d; backdrop-filter: blur(14px); }
.site-navbar .navbar-nav .nav-link { padding: .75rem .85rem; color: #354453; font-size: .92rem; font-weight: 650; }
.site-navbar .navbar-nav .nav-link:hover, .site-navbar .navbar-nav .nav-link:focus { color: var(--ll-primary); }
.dropdown-menu { border-color: var(--ll-border); box-shadow: 0 14px 35px #2636451f; }
.brand-logo { gap: .62rem; color: #18352e; font-size: 1rem; letter-spacing: 0; }
.brand-logo:hover { color: #18352e; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #c9e4da; border-radius: 50%; color: #fff; background: var(--ll-primary); box-shadow: none; font-family: "Segoe UI", sans-serif; font-size: 1.05rem; font-weight: 800; }
.brand-name { color: #1d2c38; font-size: 1.23rem; font-weight: 800; line-height: 1; }
.brand-name > span { color: var(--ll-primary); }
.brand-name small { color: #6b7885; font-family: "Segoe UI", sans-serif; font-size: .65em; font-weight: 700; }
.btn-primary-soft, .btn-neon { border: 1px solid var(--ll-primary); color: #fff; background: var(--ll-primary); box-shadow: none; font-weight: 700; }
.btn-primary-soft:hover, .btn-primary-soft:focus, .btn-neon:hover, .btn-neon:focus { border-color: var(--ll-primary-dark); color: #fff; background: var(--ll-primary-dark); }
.btn-primary-main, .btn-jackpot { border: 1px solid var(--ll-primary); color: #fff; background: var(--ll-primary); box-shadow: 0 8px 20px #135d4a24; font-weight: 750; }
.btn-primary-main:hover, .btn-jackpot:hover { border-color: var(--ll-primary-dark); color: #fff; background: var(--ll-primary-dark); }
.btn-outline-light { border-color: #9aa8b3; color: #445562; background: #fff; }
.btn-outline-light:hover { border-color: #667783; color: #fff; background: #667783; }
.hero-section { min-height: 520px; border-bottom: 1px solid #dbe5e1; background: linear-gradient(120deg, #f8fbfa 0%, #edf5f2 70%, #e9f1f6 100%); }
.hero-glow { display: none; }
.eyebrow-badge { gap: .25rem; padding: .42rem .7rem; border: 1px solid #bdd8ce; color: var(--ll-primary-dark); background: #f7fbf9; font-size: .7rem; font-weight: 800; }
.hero-title { max-width: 780px; color: #172a34; font-size: clamp(2.65rem, 5.5vw, 4.55rem); line-height: 1.03; letter-spacing: -.045em; }
.hero-title span { color: var(--ll-primary); background: none; -webkit-text-fill-color: currentColor; }
.hero-copy { max-width: 700px; color: #506170; font-size: 1.12rem; line-height: 1.75; }
.hero-trust { gap: .85rem 1.5rem; color: #536474; font-size: .82rem; }
.hero-trust span { display: flex; align-items: center; gap: .35rem; }
.hero-trust b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #fff; background: var(--ll-primary); font-size: .65rem; }
.hero-trust strong { color: #253541; }
.coupon-lab-card { padding: 1.7rem; border: 1px solid #d4e1dd; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px #31504417; }
.coupon-lab-card::after { display: none; }
.coupon-lab-card h2 { color: #1b2e37; font-size: 1.62rem; line-height: 1.25; }
.coupon-lab-card p { color: var(--ll-muted); }
.card-kicker, .section-kicker { color: var(--ll-primary); }
.lab-icon { width: 44px; height: 44px; border: 1px solid #c7dfd6; color: var(--ll-primary); background: var(--ll-soft); box-shadow: none; font-family: Georgia, serif; }
.form-control, .form-select { border-color: #cbd4dd; color: #23313d; background-color: #fff; }
.form-control:focus, .form-select:focus { border-color: var(--ll-primary); box-shadow: 0 0 0 .2rem #135d4a1a; }
.form-text, .form-disclaimer { display: block; margin-top: .65rem; color: #707e8a; }
.section-block { padding: 4.25rem 0; }
.results-section { background: #fff; }
.analysis-world { border-block: 1px solid var(--ll-border); background: #f0f4f7; }
.section-heading > div > span { color: var(--ll-primary); }
.section-heading h2 { color: #1c2b36; font-size: clamp(1.7rem, 3.5vw, 2.3rem); letter-spacing: -.025em; }
.section-heading p { color: var(--ll-muted); }
.game-result-card { min-height: 210px; border: 1px solid var(--ll-border); border-top: 5px solid var(--game-accent, var(--ll-primary)); border-radius: 12px; color: #1d2b36; background: #fff !important; box-shadow: 0 10px 25px #273c4b12; }
.game-result-card:hover { color: #1d2b36; border-color: #c6d3dc; box-shadow: 0 16px 34px #273c4b1c; transform: translateY(-3px); }
.game-result-card::after { display: none; }
.game-result-card h3 { color: #182c37; font-size: 1.08rem; }
.game-result-card p { color: #6b7884; font-size: .76rem; }
.game-purple { --game-accent: #6651a7; }
.game-blue { --game-accent: #246795; }
.game-pink { --game-accent: #a24d72; }
.game-orange { --game-accent: #b46c2d; }
.draw-id { color: #40515e; background: #eef2f5; }
.game-card-footer { color: #677581; border-top-color: #e3e8ed; }
.game-card-footer b { color: var(--ll-primary); }
.number-balls span, .number-balls a { border: 1px solid #d0d7de; color: #1c2a35; background: linear-gradient(145deg, #fff, #f0f3f5); box-shadow: inset 0 -2px 0 #d4dae0, 0 3px 8px #26384612; }
.number-balls .bonus-ball { color: #7d294f; background: #f8dbe7; box-shadow: inset 0 -2px 0 #d8a0b8; }
.number-balls .joker-ball { color: #765b11; background: #fff1bd; box-shadow: inset 0 -2px 0 #ddca7b; }
.feature-card { min-height: 188px; border-color: var(--ll-border); border-radius: 12px; color: #1d2c37; background: #fff; box-shadow: 0 8px 20px #2c3f4d0b; }
.feature-card:hover { color: #1d2c37; border-color: #a9c7bb; box-shadow: 0 12px 26px #2c3f4d14; }
.feature-icon { color: var(--ll-primary); background: var(--ll-soft); box-shadow: none; font-family: Georgia, serif; font-size: 1.2rem; }
.feature-card p { color: var(--ll-muted); font-size: .84rem; }
.feature-card b { color: var(--ll-primary); }
.data-panel, .filter-panel { border-color: var(--ll-border); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px #2c3e4b0c; }
.panel-copy { color: var(--ll-muted); }
.hot-ball, .rank-ball { color: #fff; background: var(--ll-primary); box-shadow: inset 0 -2px 0 #0d4638; }
.progress { background: #e4eaee; }
.progress-bar { background: linear-gradient(90deg, #438e78, #256990); }
.quick-links a { border-color: var(--ll-border); color: #263641; background: #f9fafb; }
.quick-links a > span { color: #fff; background: var(--ll-primary); font-style: normal; }
.quick-links small { color: #6f7d88; }
.page-hero { padding: 3.7rem 0 3rem; border-bottom-color: #d9e2e7; background: linear-gradient(120deg, #f8fbfa, #edf3f6); }
.page-hero h1 { color: #172b36; font-size: clamp(2.25rem, 5vw, 3.85rem); letter-spacing: -.035em; }
.page-hero p { color: #5d6d79; font-size: 1.05rem; }
.game-page-hero.game-purple, .game-page-hero.game-blue, .game-page-hero.game-pink, .game-page-hero.game-orange { color: #172b36; background: linear-gradient(120deg, #f8fbfa, #edf3f6); }
.breadcrumb-line { color: #6e7b86; }
.breadcrumb-line a { color: var(--ll-primary); }
.latest-draw-panel { border-color: #cfe0da; border-radius: 12px; background: #f5faf8; }
.latest-draw-panel span, .latest-draw-panel p { color: #63736f; }
.metric-card { border-color: var(--ll-border); border-radius: 12px; background: #fff; box-shadow: 0 5px 15px #2a3e4a0b; }
.metric-card span, .metric-card small { color: #6a7884; }
.metric-card strong { color: #1e303b; }
.draw-row, .match-list > div { border-bottom-color: #e3e8ec; }
.draw-row small, .match-list small { color: #78848e; }
.number-ranking a, .combo-list > div, .split-stat > div { border-color: var(--ll-border); color: #253541; background: #f8fafb; }
.number-ranking a span, .combo-list i { color: #24343f; background: #fff; border: 1px solid #d7dde2; }
.number-ranking a b, .combo-list b { color: #697783; }
.archive-row { border-color: var(--ll-border); background: #fff; box-shadow: 0 5px 15px #2a3e4a0a; }
.archive-date span, .archive-info span { color: #6d7a85; }
.page-link { border-color: #ccd5dc; color: var(--ll-primary); background: #fff; }
.page-link:hover { border-color: var(--ll-primary); color: #fff; background: var(--ll-primary); }
.ranking-table a { color: #253541; }
.rank-ball.cold { background: #39739d; box-shadow: inset 0 -2px 0 #24597e; }
.cold-ranking .progress-bar { background: linear-gradient(90deg, #6998ba, #39739d); }
.big-stat small, .split-stat span { color: #6b7883; }
.coupon-page-hero, .generator-hero, .number-hero { background: linear-gradient(120deg, #f8fbfa, #edf3f6); }
.empty-analysis, .generated-column { border-color: #cbd8d3; border-radius: 12px; color: #65737e; background: #f8faf9; }
.empty-analysis > span { color: #fff; background: var(--ll-primary); }
.empty-analysis h2, .generated-column h2 { color: #1c2e38; }
.generated-column > span { color: var(--ll-primary); }
.match-list > div > b { color: var(--ll-primary); }
.table { --bs-table-color: #263640; --bs-table-border-color: #e0e6ea; }
.giant-ball { color: #fff; background: var(--ll-primary); box-shadow: inset 0 -5px 0 #0d4638, 0 12px 28px #135d4a24; }
.content-article { max-width: 880px; padding: clamp(1.5rem, 4vw, 3rem); border-color: var(--ll-border); border-radius: 12px; background: #fff; box-shadow: 0 8px 25px #2b3f4d0d; }
.content-article p { color: #4f5f6c; font-size: 1rem; line-height: 1.85; }
.content-article .lead { color: #2d3e4a; font-size: 1.16rem; }
.article-section { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid #e3e8ec; }
.article-section h2 { color: #1a303a; font-size: 1.45rem; }
.article-updated { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #e3e8ec; color: #77848e; font-size: .78rem; }
.mobile-offcanvas { color: #20313b; background: #fff; }
.mobile-menu-list a { border-bottom-color: #e3e8ec; color: #263640; }
.menu-label { color: #64717b; }
.source-note { margin: 1rem 0 0; color: #74808a; font-size: .76rem; }
.editorial-section { border-top: 1px solid var(--ll-border); background: #fff; }
.editorial-section h2 { margin-top: .35rem; color: #1c303a; }
.editorial-section p { color: #586875; line-height: 1.8; }
.text-link { font-weight: 700; text-decoration: none; }
.trust-panel { padding: 1.5rem; border: 1px solid #cfe0da; border-radius: 12px; background: #f4f9f7; }
.trust-panel h3 { font-size: 1.3rem; }
.trust-panel li { margin: .65rem 0; color: #4e625b; }
.ad-container { max-width: 1160px; min-height: 90px; margin: 1.4rem auto; padding: .5rem; text-align: center; }
.ad-label { display: block; margin-bottom: .3rem; color: #89949d; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.site-footer { padding: 3.5rem 0 6.5rem; border-top-color: #d8e1e6; color: #61707c; background: #edf2f4; font-size: .82rem; }
.site-footer h2 { color: #253641; font-family: "Segoe UI", sans-serif; font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; }
.site-footer a { color: #526675; }
.site-footer a:hover { color: var(--ll-primary); }
.footer-notice { display: flex; gap: .9rem; align-items: flex-start; padding: 1rem 1.2rem; border: 1px solid #ccdcd6; border-radius: 10px; background: #f7faf9; }
.footer-notice p { margin: 0; color: #53645e; }
.notice-icon { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: var(--ll-primary); font-family: Georgia, serif; font-weight: 700; }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; border-top-color: #d5dde2; }
.mobile-bottom-nav { border-top-color: #d5dde2; background: #ffffffee; box-shadow: 0 -5px 20px #24374312; }
.mobile-bottom-nav a { color: #64727e; }
.mobile-bottom-nav .bottom-main { color: var(--ll-primary); }
.mobile-bottom-nav .bottom-main span { border-color: #fff; color: #fff; background: var(--ll-primary); box-shadow: 0 6px 16px #135d4a35; }
@media (max-width: 991.98px) {
    .site-navbar { min-height: 66px; }
    .hero-title { font-size: 3.25rem; }
}
@media (max-width: 575.98px) {
    body { font-size: 15px; }
    .utility-bar .container-xl { justify-content: center; }
    .utility-bar a { display: none; }
    .brand-mark { width: 36px; height: 36px; }
    .brand-name { font-size: 1.04rem; }
    .hero-title { font-size: 2.55rem; line-height: 1.08; }
    .hero-copy { font-size: 1rem; }
    .section-block { padding: 3rem 0; }
    .footer-bottom { display: grid; }
    .recaptcha-wrap { min-height: 70px; }
    .recaptcha-wrap .g-recaptcha { transform: scale(.88); transform-origin: left top; }
}

/* 2026 editorial refinement: daha geleneksel, sonuç odaklı yayın görünümü */
:root {
    --ll-bg: #f3f5f7;
    --ll-panel: #ffffff;
    --ll-border: #d8dee5;
    --ll-text: #1c2c3a;
    --ll-muted: #617080;
    --ll-primary: #1c5279;
    --ll-primary-dark: #123a58;
    --ll-blue: #1c5279;
    --ll-soft: #edf2f6;
    --ll-accent: #c88a22;
}
body { color: var(--ll-text); background: var(--ll-bg); font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.025em; }
.utility-bar { color: #d9e4ec; background: #132f45; }
.status-dot { background: #e1ae4c; box-shadow: none; }
.site-navbar { min-height: 72px; background: #fff; box-shadow: none; }
.site-navbar .navbar-nav .nav-link { color: #394b5b; }
.site-navbar .navbar-nav .nav-link:hover, .site-navbar .navbar-nav .nav-link:focus { color: #174d75; }
.brand-mark { width: 40px; height: 40px; border: 0; border-radius: 7px; color: #fff; background: #174d75; box-shadow: inset 0 -3px 0 #c88a22; font-size: .72rem; letter-spacing: -.03em; }
.brand-name { color: #223748; font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; }
.brand-name > span { color: #223748; }
.brand-name small { color: #77838d; }
.btn, .form-control, .form-select { border-radius: 5px; }
.btn-primary-soft, .btn-neon, .btn-primary-main, .btn-jackpot { border-color: #1c5279; background: #1c5279; box-shadow: none; }
.btn-primary-soft:hover, .btn-neon:hover, .btn-primary-main:hover, .btn-jackpot:hover { border-color: #123a58; background: #123a58; }
.hero-section { min-height: 0; border-bottom: 1px solid #d7dde2; background: #f7f6f2; }
.editorial-label { display: flex; gap: .6rem; align-items: center; margin-bottom: .9rem; color: #6b5840; font-size: .7rem; font-weight: 800; letter-spacing: .12em; }
.editorial-label span { width: 28px; height: 2px; background: var(--ll-accent); }
.hero-title { max-width: 780px; margin: 0 0 .9rem; color: #1a3040; font-family: Arial, Helvetica, sans-serif; font-size: clamp(2.35rem, 4.7vw, 3.8rem); font-weight: 750; line-height: 1.04; letter-spacing: -.045em; }
.hero-copy { max-width: 720px; margin-bottom: 1.35rem; color: #526474; font-size: 1.04rem; line-height: 1.65; }
.archive-shortcut { border: 1px solid #d5dbe1; border-top: 4px solid #1c5279; background: #fff; }
.archive-shortcut > span { display: block; padding: 1rem 1.2rem 0; color: #8b641e; font-size: .65rem; font-weight: 800; letter-spacing: .1em; }
.archive-shortcut h2 { margin: .25rem 1.2rem .7rem; color: #263b4b; font-size: 1.18rem; }
.archive-shortcut nav { display: grid; }
.archive-shortcut a { display: grid; grid-template-columns: 9px 1fr auto; gap: .7rem; align-items: center; padding: .62rem 1.2rem; border-top: 1px solid #e5e9ed; color: #344b5d; text-decoration: none; font-size: .83rem; font-weight: 650; }
.archive-shortcut a:hover { color: #164b72; background: #f5f7f9; }
.archive-shortcut i { width: 8px; height: 8px; border-radius: 50%; background: var(--dot, #1c5279); }
.archive-shortcut b { color: #8a97a1; }
.archive-facts { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; border: 1px solid #d5dbe1; background: #fff; }
.archive-facts > div { padding: .85rem 1rem; border-right: 1px solid #e1e5e9; }
.archive-facts > div:last-child { border: 0; }
.archive-facts strong, .archive-facts span { display: block; }
.archive-facts strong { color: #1f3c50; font-size: .88rem; }
.archive-facts span { color: #75828d; font-size: .7rem; }
.section-block { padding: 3.5rem 0; }
.section-heading { margin-bottom: 1.15rem; }
.section-heading > div > span, .card-kicker, .section-kicker { color: #8b641e; }
.section-heading h2 { color: #203747; font-size: clamp(1.65rem, 3vw, 2.15rem); }
.results-section { background: #fff; }
.game-result-card { min-height: 195px; border-radius: 4px; border-top-width: 4px; box-shadow: none; }
.game-result-card:hover { box-shadow: 0 8px 20px #26384712; transform: translateY(-2px); }
.draw-id { border-radius: 4px; }
.number-balls span, .number-balls a { border-color: #cbd3da; border-radius: 50%; background: #fff; box-shadow: none; }
.number-balls.compact span { box-shadow: none; }
.analysis-world { background: #f0f3f5; }
.feature-card { min-height: 170px; border-radius: 5px; box-shadow: none; }
.feature-card:hover { box-shadow: 0 7px 18px #293c4b10; transform: none; }
.feature-icon { border-radius: 4px; color: #1c5279; background: #e8f0f5; }
.data-panel, .filter-panel, .metric-card, .latest-draw-panel, .empty-analysis, .generated-column, .content-article, .trust-panel { border-radius: 5px; box-shadow: none; }
.hot-ball, .rank-ball { background: #1c5279; box-shadow: none; }
.quick-links a, .number-ranking a, .combo-list > div, .split-stat > div, .archive-row { border-radius: 4px; box-shadow: none; }
.quick-links a > span { border-radius: 4px; background: #1c5279; }
.progress-bar { background: #3b769d; }
.page-hero { padding: 3rem 0 2.5rem; background: #f3f5f7; }
.page-hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.35rem); }
.eyebrow-badge { border-radius: 3px; color: #76591f; background: #fffaf0; border-color: #e2d1ae; }
.content-article { border-top: 4px solid #1c5279; }
.editorial-section { background: #fff; }
.trust-panel { border-left: 4px solid #c88a22; background: #faf9f5; }
.footer-notice { border-radius: 4px; }
.notice-icon { border-radius: 4px; background: #1c5279; }
.site-footer { background: #e9edf0; }
.mobile-bottom-nav .bottom-main { color: #1c5279; }
.mobile-bottom-nav .bottom-main span { background: #1c5279; }
@media (max-width: 991.98px) {
    .archive-facts { grid-template-columns: repeat(2, 1fr); }
    .archive-facts > div:nth-child(2) { border-right: 0; }
    .archive-facts > div:nth-child(-n+2) { border-bottom: 1px solid #e1e5e9; }
}
@media (max-width: 575.98px) {
    .hero-title { font-size: 2.35rem; }
    .archive-facts { grid-template-columns: 1fr; }
    .archive-facts > div { border-right: 0; border-bottom: 1px solid #e1e5e9; }
    .archive-facts > div:nth-child(2) { border-right: 0; }
    .archive-facts > div:nth-child(-n+3) { border-bottom: 1px solid #e1e5e9; }
}

/* Kupon analizi: dokunmatik oyun kuponu */
.coupon-form-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1.2rem; }
.coupon-clear { padding: .25rem 0; border: 0; color: var(--ll-primary); background: transparent; font-size: .8rem; font-weight: 700; }
.coupon-clear:disabled { color: #9ba6ae; }
.coupon-progress { margin: 1.1rem 0 .8rem; padding: .8rem .9rem; border: 1px solid #d7e0e6; border-radius: 5px; background: #f7f9fa; }
.game-rule-note { margin-top: .75rem; padding: .7rem .8rem; border-left: 3px solid #c88a22; color: #5d6f7b; background: #fff8e8; font-size: .72rem; line-height: 1.5; }
.coupon-progress-copy { display: flex; justify-content: space-between; gap: .75rem; align-items: center; }
.coupon-progress-copy strong { color: #213b4e; font-size: .86rem; }
.coupon-progress-copy span { color: #6c7a86; font-size: .72rem; text-align: right; }
.coupon-progress-track { height: 4px; margin-top: .65rem; overflow: hidden; border-radius: 3px; background: #dfe6eb; }
.coupon-progress-track span { display: block; width: 0; height: 100%; background: var(--ll-accent); transition: width .2s ease; }
.selected-ball-row { display: flex; flex-wrap: wrap; gap: .55rem; min-height: 48px; margin-bottom: 1.15rem; }
.selected-ball { display: grid; place-items: center; width: 43px; height: 43px; padding: 0; border: 1px dashed #aab6bf; border-radius: 50%; color: #9aa5ad; background: #f8fafb; font-size: .76rem; font-weight: 700; }
button.selected-ball { cursor: pointer; }
.selected-ball.is-filled { border: 1px solid #164c73; color: #fff; background: linear-gradient(145deg, #3278a8, #174d75); box-shadow: inset 0 -3px 0 #113b59, 0 3px 7px #143d5b22; font-size: .95rem; }
.number-picker-heading { display: flex; justify-content: space-between; gap: .75rem; align-items: baseline; margin-bottom: .65rem; }
.number-picker-heading span { color: #253b4b; font-size: .88rem; font-weight: 750; }
.number-picker-heading small { color: #75828d; font-size: .7rem; }
.number-picker { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: .38rem; max-height: 282px; padding: .7rem; overflow-y: auto; border: 1px solid #d5dde3; border-radius: 5px; background: #f6f8f9; scrollbar-width: thin; }
.picker-ball { aspect-ratio: 1; min-width: 0; padding: 0; border: 1px solid #c7d0d7; border-radius: 50%; color: #304655; background: #fff; font-size: .72rem; font-weight: 750; line-height: 1; transition: border-color .15s ease, color .15s ease, background .15s ease, transform .15s ease; }
.picker-ball:hover:not(:disabled) { border-color: #1c5279; color: #174d75; transform: translateY(-1px); }
.picker-ball.is-selected { border-color: #174d75; color: #fff; background: #1c5279; box-shadow: inset 0 -2px 0 #113d5d; }
.picker-ball:disabled:not(.is-selected) { cursor: not-allowed; opacity: .38; }
.picker-ball:focus-visible, .selected-ball:focus-visible { outline: 3px solid #d4a34566; outline-offset: 2px; }
.extra-number-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dce3e8; }
.extra-number-picker { grid-template-columns: repeat(10, minmax(0, 1fr)); max-height: 330px; overflow-y: auto; }
.extra-picker-ball.is-selected { border-color: #9a6720; background: #c88a22; box-shadow: inset 0 -2px 0 #895d1f; }
.extra-history { display: flex; gap: .8rem; align-items: center; }
.extra-history div { display: grid; }
.extra-history strong { color: #263c4b; }
.extra-history small { color: #70808b; }
.coupon-submit { display: flex; justify-content: center; gap: .75rem; align-items: center; }
.coupon-submit:disabled { border-color: #cbd4da; color: #71808b; background: #e4e9ed; opacity: 1; }
.account-column-builder { overflow: hidden; }
.account-number-picker { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.daily-method-panel { padding: 1.25rem; border: 1px solid #cfdbe2; border-left: 4px solid #c88a22; background: #fff; }
.target-draw-note { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; padding: .75rem 1rem; border: 1px solid #d5e0e6; background: #fff; }
.target-draw-note span { display: block; color: #9b691c; font-size: .64rem; font-weight: 850; letter-spacing: .08em; }
.target-draw-note strong { display: block; margin-top: .2rem; color: #1d4053; font-size: .86rem; }
.target-draw-note > b { min-width: 120px; padding: .4rem .6rem; color: #fff; background: #1c5278; font-size: .82rem; font-variant-numeric: tabular-nums; text-align: center; }
.performance-explainer { padding: 1rem 1.15rem; border: 1px solid #d5e0e6; border-left: 4px solid #c88a22; background: #fff; }
.performance-explainer > strong { display: block; color: #1d4053; font-size: .92rem; }
.performance-explainer > span { display: block; margin-top: .25rem; color: #6d7d88; font-size: .76rem; }
.performance-breakdown { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: .8rem; padding-top: .65rem; border-top: 1px solid #e1e7eb; color: #637581; font-size: .7rem; }
.performance-breakdown b { color: #9b691c; }
.daily-method-intro { display: flex; gap: .85rem; align-items: flex-start; }
.daily-method-intro p { max-width: 920px; margin: .2rem 0 0; color: #60717e; font-size: .9rem; }
.method-status-dot { flex: 0 0 auto; width: 11px; height: 11px; margin-top: .35rem; border-radius: 50%; background: #21845d; box-shadow: 0 0 0 5px #21845d1c; }
.daily-method-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 1rem; border: 1px solid #dce4e9; background: #dce4e9; }
.daily-method-steps > div { display: grid; grid-template-columns: 30px 1fr; padding: .8rem; background: #f8fafb; }
.daily-method-steps span { grid-row: span 2; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; background: #174d75; font-size: .75rem; font-weight: 800; }
.daily-method-steps strong { color: #213c4e; font-size: .85rem; }
.daily-method-steps small { color: #70808b; line-height: 1.35; }
.system-record-label { display: inline-flex; gap: .35rem; align-items: center; margin-top: .8rem; color: #48705f; font-size: .68rem; font-weight: 700; }
.community-columns-block { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #d7e0e6; }
.community-columns-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-end; margin-bottom: 1rem; }
.community-columns-heading span { color: #9a6720; font-size: .66rem; font-weight: 850; letter-spacing: .08em; }
.community-columns-heading h3 { margin: .15rem 0; color: #213b4e; font-size: 1.2rem; }
.community-columns-heading p { margin: 0; color: #71808b; font-size: .76rem; }
.community-column-card { border-top-color: #c88a22; }
.community-time { display: block; color: #7a8892; font-size: .66rem; line-height: 1.4; }
.community-empty { padding: 1rem; border: 1px dashed #cbd7de; color: #637480; background: #f8fafb; font-size: .82rem; }

@media (max-width: 575.98px) {
    .coupon-form-panel { padding: 1rem; }
    .coupon-progress-copy { display: block; }
    .coupon-progress-copy span { display: block; margin-top: .2rem; text-align: left; }
    .selected-ball-row { gap: .45rem; }
    .selected-ball { width: 40px; height: 40px; }
    .number-picker { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: .42rem; max-height: 330px; padding: .6rem; }
    .picker-ball { min-height: 36px; font-size: .75rem; }
    .number-picker-heading { display: block; }
    .number-picker-heading small { display: block; margin-top: .15rem; }
    .account-number-picker { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .generated-actions { grid-template-columns: 1fr; grid-template-areas: "save" "analysis" "retry"; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .account-number-picker { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .daily-method-steps { grid-template-columns: 1fr; }
    .community-columns-heading { display: block; }
    .community-columns-heading .btn { margin-top: .75rem; }
}

/* Son tema kurallarından sonra kolon sonucunun vurgu yüzeyini koru. */
.generated-column { border: 1px solid #cad6de; border-top: 4px solid #c88a22; background: #fff; }

/* Oluşturulan kolonun ayrıntılı geçmiş analizi */
.generated-analysis-section { border-top: 1px solid #d7e0e6; background: #fff; }
.generated-analysis-summary { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 1.25rem; border: 1px solid #d7dfe5; background: #f7f9fa; }
.generated-analysis-summary > div { padding: 1rem 1.2rem; border-right: 1px solid #dfe5e9; }
.generated-analysis-summary > div:last-child { border: 0; }
.generated-analysis-summary span, .generated-analysis-summary strong { display: block; }
.generated-analysis-summary span { margin-bottom: .2rem; color: #71808b; font-size: .7rem; }
.generated-analysis-summary strong { color: #1c3b50; font-size: 1.25rem; }
.number-analysis-list { display: grid; gap: .7rem; }
.number-analysis-item { overflow: hidden; border: 1px solid #d6dfe5; border-radius: 5px; background: #fff; }
.number-analysis-item[open] { border-color: #aac0ce; box-shadow: 0 8px 20px #173b5010; }
.number-analysis-item summary { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto 24px; gap: .9rem; align-items: center; padding: .85rem 1rem; cursor: pointer; list-style: none; background: #fafbfc; }
.number-analysis-item summary::-webkit-details-marker { display: none; }
.number-analysis-item[open] summary { border-bottom: 1px solid #dde4e8; background: #f4f7f8; }
.analysis-number-ball { display: grid; place-items: center; width: 48px; height: 48px; border: 2px solid #ccd7de; border-radius: 50%; color: #183a51; background: radial-gradient(circle at 35% 25%, #fff, #edf2f4 58%, #c4d0d7); box-shadow: inset 0 -4px 7px #8194a044; font-weight: 850; }
.analysis-number-ball.is-extra { border-color: #d39a39; color: #fff; background: radial-gradient(circle at 35% 25%, #efca81, #c88a22 58%, #946219); }
.analysis-number-title { display: grid; min-width: 0; }
.analysis-number-title strong { color: #223b4c; font-size: .95rem; }
.analysis-number-title small { color: #75828c; font-size: .72rem; }
.analysis-last-seen { display: grid; min-width: 140px; text-align: right; }
.analysis-last-seen small { color: #7a8790; font-size: .65rem; }
.analysis-last-seen strong { color: #375266; font-size: .8rem; }
.number-analysis-item summary > i { color: #6d7d88; font-style: normal; font-size: 1.2rem; transition: transform .18s ease; }
.number-analysis-item[open] summary > i { transform: rotate(180deg); }
.number-analysis-content { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 1.2rem; }
.number-analysis-content h3 { margin-bottom: .7rem; color: #263e4e; font-size: .78rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.analysis-date-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.analysis-date-list span { display: grid; padding: .55rem .65rem; border: 1px solid #e0e5e8; border-radius: 4px; background: #fafbfb; }
.analysis-date-list strong { color: #365064; font-size: .75rem; }
.analysis-date-list small { color: #83909a; font-size: .62rem; }
.analysis-partner-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.analysis-partner-list a { display: flex; gap: .4rem; align-items: center; padding: .32rem .55rem .32rem .35rem; border: 1px solid #d9e1e6; border-radius: 24px; color: #4d6170; background: #fafbfc; text-decoration: none; }
.analysis-partner-list a:hover { border-color: #8daaba; color: #173f5b; }
.analysis-partner-list b { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; color: #fff; background: #1c5279; font-size: .72rem; }
.analysis-partner-list span { font-size: .67rem; }
.analysis-empty { margin: 0; color: #798690; font-size: .78rem; }
.generated-matches-panel { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; align-items: start; margin-top: 1.25rem; border-top: 4px solid #1c5279; }
.generated-matches-panel h2 { margin: .35rem 0; }
.generated-matches-panel p { margin: 0; color: #697986; font-size: .82rem; }
.generated-match-list { display: grid; }
.generated-match-list a { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .6rem 0; border-bottom: 1px solid #e0e5e8; color: #30495a; text-decoration: none; }
.generated-match-list a:last-child { border: 0; }
.generated-match-list a > span { display: grid; }
.generated-match-list strong { font-size: .78rem; }
.generated-match-list small { color: #84909a; font-size: .65rem; }
.generated-match-list b { color: #1c5279; font-size: .75rem; }
.generated-analysis-note { margin: 1rem 0 0; color: #76838d; font-size: .7rem; text-align: center; }

@media (max-width: 767.98px) {
    .prediction-performance-grid { grid-template-columns: repeat(2, 1fr); }
    .prediction-performance-grid > div:nth-child(2) { border-right: 0; }
    .prediction-performance-grid > div:nth-child(-n+2) { border-bottom: 1px solid #e0e6ea; }
    .prediction-history-heading { display: grid; align-items: start; }
    .prediction-history-card { grid-template-columns: 1fr; }
    .prediction-result { justify-items: start; text-align: left; }
    .account-performance-grid { grid-template-columns: repeat(2, 1fr); }
    .account-performance-grid > div:nth-child(2) { border-right: 0; }
    .account-performance-grid > div:nth-child(-n+2) { border-bottom: 1px solid #dfe5e9; }
    .generated-analysis-summary { grid-template-columns: repeat(2, 1fr); }
    .generated-analysis-summary > div:nth-child(2) { border-right: 0; }
    .generated-analysis-summary > div:nth-child(-n+2) { border-bottom: 1px solid #dfe5e9; }
    .number-analysis-item summary { grid-template-columns: 46px minmax(0, 1fr) 18px; gap: .7rem; padding: .75rem; }
    .analysis-number-ball { width: 43px; height: 43px; }
    .analysis-last-seen { display: none; }
    .number-analysis-content { grid-template-columns: 1fr; gap: 1.2rem; padding: 1rem; }
    .generated-matches-panel { grid-template-columns: 1fr; gap: 1rem; }
}

/* Çerez tercih merkezi */
.footer-link-button { display: block; margin: 0; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; }
.footer-link-button:hover { color: #fff; text-decoration: underline; }
.cookie-consent { position: fixed; z-index: 1085; right: 1.25rem; bottom: 1.25rem; left: 1.25rem; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; max-width: 1180px; margin: auto; padding: 1.2rem 1.3rem; border: 1px solid #cdd8df; border-top: 4px solid #1b5b79; border-radius: 8px; background: #fff; box-shadow: 0 18px 50px #102f4260; }
.cookie-consent[hidden] { display: none; }
.cookie-consent-copy { display: flex; gap: .9rem; align-items: flex-start; max-width: 710px; }
.cookie-consent-icon { display: grid; flex: 0 0 32px; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #fff; background: #1b5b79; font-family: Georgia, serif; font-weight: 800; }
.cookie-consent-copy strong { display: block; margin-bottom: .25rem; color: #213d4e; font-size: .95rem; }
.cookie-consent-copy p { margin: 0; color: #60717d; font-size: .78rem; line-height: 1.6; }
.cookie-consent-copy a { color: #175b7d; font-weight: 700; }
.cookie-consent-actions { display: flex; flex: 0 0 auto; gap: .55rem; }
.cookie-consent-actions .btn { white-space: nowrap; font-size: .76rem; }
.cookie-preferences { width: min(590px, calc(100% - 2rem)); padding: 0; border: 0; border-radius: 8px; color: #364e5d; background: #fff; box-shadow: 0 22px 70px #0c253680; }
.cookie-preferences::backdrop { background: #102d3d99; backdrop-filter: blur(2px); }
.cookie-preferences > p { margin: 0; padding: 0 1.5rem 1rem; color: #6a7a84; font-size: .78rem; line-height: 1.55; }
.cookie-preferences-head { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 1.5rem .75rem; }
.cookie-preferences-head span { color: #b17618; font-size: .64rem; font-weight: 850; letter-spacing: .09em; }
.cookie-preferences-head h2 { margin: .2rem 0 0; color: #1e3c4e; font-family: Georgia, serif; font-size: 1.55rem; }
.cookie-preferences-head button { align-self: flex-start; border: 0; color: #687985; background: transparent; font-size: 1.8rem; line-height: 1; }
.cookie-option { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 0 1.5rem; padding: 1rem 0; border-top: 1px solid #e0e6ea; }
.cookie-option div { display: grid; gap: .2rem; }
.cookie-option strong { color: #2a4556; font-size: .85rem; }
.cookie-option small { color: #71808a; font-size: .7rem; }
.cookie-option .form-check-input { flex: 0 0 auto; width: 2.3rem; height: 1.2rem; cursor: pointer; }
.cookie-preferences-actions { display: flex; justify-content: flex-end; gap: .7rem; padding: 1rem 1.5rem 1.4rem; border-top: 1px solid #e0e6ea; background: #f7f9fa; }

@media (max-width: 767.98px) {
    .cookie-consent { right: .65rem; bottom: 76px; left: .65rem; display: block; padding: 1rem; }
    .cookie-consent-actions { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1rem; }
    .cookie-consent-actions [data-cookie-accept] { grid-column: 1 / -1; grid-row: 1; }
    .cookie-consent-actions .btn { padding: .65rem .5rem; }
    .cookie-preferences-actions { display: grid; grid-template-columns: 1fr 1fr; }
}

/* Kurumsal masaüstü başlık */
.profile-summary, .admin-user-statistics { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d7e0e6; background: #fff; }
.profile-summary > div, .admin-user-statistics > div { display: grid; gap: .2rem; padding: 1rem 1.15rem; border-right: 1px solid #e0e6ea; }
.profile-summary > div:last-child, .admin-user-statistics > div:last-child { border-right: 0; }
.profile-summary span, .admin-user-statistics span { color: #73818b; font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.profile-summary strong, .admin-user-statistics strong { color: #1d3d51; font-size: 1.1rem; }
.profile-form .section-heading p { margin: .25rem 0 0; color: #70808b; font-size: .76rem; }
.profile-navigation { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-left: 3px solid #c88a22; color: #6c7d88; background: #fff; font-size: .76rem; }
.profile-navigation a { color: #175477; font-weight: 750; text-decoration: none; }
.admin-user-statistics strong { font-size: 1.55rem; }
.admin-user-edit { border-top: 4px solid #c88a22; }
.admin-form-heading, .admin-user-list-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.admin-form-heading span, .admin-user-list-heading span { color: #a46d18; font-size: .66rem; font-weight: 850; letter-spacing: .08em; }
.admin-form-heading h2, .admin-user-list-heading h2 { margin: .15rem 0 0; color: #203e51; font-size: 1.25rem; }
.admin-user-search { display: flex; gap: .45rem; width: min(100%, 370px); }
.admin-users-table { min-width: 760px; font-size: .78rem; }
.admin-users-table td > strong, .admin-users-table td > small { display: block; }
.admin-users-table td > strong { color: #294456; }
.admin-users-table td > small { margin-top: .18rem; color: #77858f; font-size: .65rem; }
.user-status, .user-role { display: inline-flex; padding: .26rem .48rem; border-radius: 20px; font-size: .65rem; font-weight: 800; }
.user-status.status-active { color: #176445; background: #e6f4ed; }
.user-status.status-pending { color: #8b6017; background: #fff4dc; }
.user-status.status-blocked { color: #9a3232; background: #fbeaea; }
.user-role { color: #435967; background: #edf2f5; }
.user-role.role-admin { color: #fff; background: #174d75; }
.admin-user-actions { display: flex; justify-content: flex-end; gap: .4rem; }
.admin-user-actions form { margin: 0; }
.admin-picker-section { margin-top: 1rem; }
.admin-picker-section:first-of-type { margin-top: .25rem; }
.admin-result-number-picker { grid-template-columns: repeat(10, minmax(0, 1fr)); max-height: 230px; }
.admin-selected-row { min-height: 38px; margin: .45rem 0 .65rem; gap: .4rem; }
.admin-selected-ball { width: 35px; height: 35px; font-size: .72rem; }
.admin-picker-section .number-picker-heading label { color: #263f50; font-size: .88rem; font-weight: 750; }

@media (max-width: 767.98px) {
    .profile-summary, .admin-user-statistics { grid-template-columns: repeat(2, 1fr); }
    .profile-summary > div:nth-child(2), .admin-user-statistics > div:nth-child(2) { border-right: 0; }
    .profile-summary > div:nth-child(-n+2), .admin-user-statistics > div:nth-child(-n+2) { border-bottom: 1px solid #e0e6ea; }
    .profile-navigation, .admin-form-heading, .admin-user-list-heading { display: grid; }
    .admin-user-search { width: 100%; }
}

.utility-bar .container-xl, .header-shell { max-width: 1320px; }
.utility-links { gap: 1.15rem; align-items: center; }
.utility-links a { margin: 0; white-space: nowrap; }
.site-navbar { min-height: 76px; padding-block: .55rem; }
.site-navbar .header-shell { gap: 1rem; }
.site-navbar .navbar-brand { flex: 0 0 auto; margin-right: 1rem; }
.site-navbar .navbar-collapse { min-width: 0; gap: 1rem; }
.site-navbar .header-nav { align-items: center; gap: .18rem; margin-left: auto; }
.site-navbar .header-nav .nav-link { position: relative; padding: .65rem .75rem; border-radius: 5px; color: #344858; font-size: .86rem; font-weight: 700; line-height: 1; white-space: nowrap; }
.site-navbar .header-nav .nav-link:hover, .site-navbar .header-nav .nav-link:focus, .site-navbar .header-nav .nav-link.show { color: #174d75; background: #f0f4f6; }
.site-navbar .dropdown-menu { margin-top: .55rem; padding: .45rem; border: 1px solid #d6dfe5; border-radius: 6px; box-shadow: 0 16px 38px #19394e24; }
.site-navbar .dropdown-item { padding: .58rem .72rem; border-radius: 4px; color: #3b5060; font-size: .8rem; font-weight: 650; }
.site-navbar .dropdown-item:hover, .site-navbar .dropdown-item:focus { color: #174d75; background: #edf3f6; }
.header-generator-btn { display: inline-flex; flex: 0 0 auto; gap: .55rem; align-items: center; min-height: 42px; padding: .55rem .9rem; border: 1px solid #174d75; border-radius: 6px; color: #fff; background: #174d75; font-size: .81rem; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; }
.header-generator-btn:hover, .header-generator-btn:focus { border-color: #103b5c; color: #fff; background: #103b5c; }
.header-generator-btn span { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; color: #fff; background: #c4861e; box-shadow: inset 0 -2px 0 #8d5c0f; font-size: 1rem; line-height: 1; }
.header-auth { display: flex; flex: 0 0 auto; align-items: center; padding-left: .75rem; border-left: 1px solid #dce3e7; }
.header-auth .btn, .header-account-btn { min-height: 42px; padding: .6rem .78rem; border-radius: 6px; font-size: .8rem; white-space: nowrap; }
.header-login { display: inline-flex; align-items: center; min-height: 42px; padding: .55rem .65rem; color: #506270; font-size: .8rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.header-login:hover, .header-login:focus { color: #174d75; background: #eef3f5; text-decoration: none; }

@media (min-width: 1200px) and (max-width: 1349.98px) {
    .site-navbar .navbar-brand { margin-right: .35rem; }
    .brand-name { font-size: 1.08rem; }
    .site-navbar .navbar-collapse { gap: .45rem; }
    .site-navbar .header-nav .nav-link { padding-inline: .48rem; font-size: .78rem; }
    .header-generator-btn { padding-inline: .65rem; font-size: .77rem; }
    .header-auth .btn, .header-login { padding-inline: .55rem; }
}

@media (max-width: 1199.98px) {
    .site-navbar { min-height: 66px; padding-block: .42rem; }
    .site-navbar .navbar-brand { margin-right: 0; }
    .site-navbar .navbar-toggler { margin-left: auto; padding: .45rem; border-radius: 5px; background: #eef3f5; }
}