:root{--bg:#041226;--bg2:#071b35;--panel:#0b2343;--panel2:#0f2b50;--blue:#1775ff;--cyan:#39c8ff;--text:#fff;--muted:#b9cbea;--border:rgba(131,190,255,.2);--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#020a16 0,#06172e 42%,#041226 100%);color:var(--text);font-family:Poppins,system-ui,sans-serif;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit}img,svg{max-width:100%}.site-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(3,13,29,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7fd8ff,#1775ff 50%,#073b9c);font-weight:800;box-shadow:0 0 28px rgba(23,117,255,.42)}.brand-text{font-size:24px;font-weight:800;font-style:italic}.brand-text span{color:var(--blue)}.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.main-nav a{padding:12px 15px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;color:#dce8fb}.main-nav a:hover,.main-nav a.active{background:var(--blue);color:#fff}.mobile-only{display:none!important}.header-countdown{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--border)}.header-countdown-label{font-size:12px;color:var(--muted)}.header-countdown strong{font-size:20px;letter-spacing:3px;color:#fff}.nav-toggle{display:none}.nav-overlay{position:fixed;inset:0;z-index:89;background:rgba(0,0,0,.62)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 75% 30%,rgba(23,117,255,.28),transparent 38%)}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px}.eyebrow{display:inline-block;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1,.page-hero h1{margin:14px 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.05}.hero p{max-width:660px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;text-decoration:none;font-weight:700}.button.primary{background:linear-gradient(135deg,var(--blue),#0c55c9);box-shadow:0 12px 30px rgba(23,117,255,.3)}.button.ghost{border:1px solid var(--border);background:rgba(255,255,255,.04)}.hero-visual{position:relative;min-height:430px}.lottery-ball{position:absolute;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 5%,#8cd9ff 12%,#1d7dff 38%,#063d9d 68%,#021a47);box-shadow:inset -14px -18px 30px rgba(0,0,0,.3),0 0 45px rgba(38,137,255,.55);font-weight:800}.ball-main{width:220px;height:220px;right:110px;top:105px;font-size:94px}.ball-small{width:82px;height:82px;font-size:34px}.ball-a{right:16px;top:44px}.ball-b{left:65px;bottom:62px}.glow-orbit{position:absolute;border:1px solid rgba(77,180,255,.25);border-radius:50%;filter:drop-shadow(0 0 12px rgba(23,117,255,.4))}.orbit-one{width:390px;height:220px;right:15px;top:110px;transform:rotate(-18deg)}.orbit-two{width:480px;height:280px;right:-25px;top:75px;transform:rotate(22deg)}.skyline{position:absolute;left:0;right:0;bottom:25px;height:120px;background:linear-gradient(180deg,transparent,rgba(0,95,255,.12)),repeating-linear-gradient(90deg,rgba(54,169,255,.75) 0 3px,transparent 3px 28px);clip-path:polygon(0 100%,0 55%,5% 55%,5% 20%,9% 20%,9% 62%,14% 62%,14% 35%,19% 35%,19% 69%,25% 69%,25% 18%,30% 18%,30% 58%,36% 58%,36% 30%,40% 30%,40% 71%,46% 71%,46% 42%,52% 42%,52% 100%)}.section{padding:78px 0}.section-muted{background:rgba(0,0,0,.12);border-block:1px solid var(--border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.section-heading h2{margin:8px 0 0;font-size:34px}.session-badge{display:flex;gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.04)}.session-badge span{font-weight:800;color:var(--cyan)}.session-badge time{color:var(--muted);font-size:13px}.prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prize-card,.number-panel,.history-card,.content-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,43,80,.94),rgba(5,23,47,.96));box-shadow:var(--shadow)}.prize-card{padding:28px 20px;border-radius:16px;text-align:center}.prize-label{display:block;margin-bottom:20px;font-weight:700}.number-balls{display:flex;justify-content:center;gap:10px}.number-balls span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#9fe0ff,#1775ff 40%,#063c9c 75%);font-size:26px;font-weight:800;box-shadow:inset -6px -8px 16px rgba(0,0,0,.25),0 0 22px rgba(23,117,255,.32)}.secondary-prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.number-panel{padding:22px;border-radius:16px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.panel-heading h3{margin:0;font-size:18px}.panel-heading span{color:var(--muted);font-size:12px}.number-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.number-list span{padding:11px 6px;border:1px solid var(--border);border-radius:8px;text-align:center;background:rgba(1,12,27,.5);font-weight:700}.session-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid var(--border);border-radius:16px;overflow:hidden}.session-info div{padding:18px 22px;background:rgba(7,28,54,.86)}.session-info div+div{border-left:1px solid var(--border)}.session-info span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.session-info strong{display:block;margin-top:5px}.text-link{color:var(--cyan);text-decoration:none;font-weight:700}.history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.history-card{padding:18px;border-radius:14px}.history-head{display:flex;justify-content:space-between;gap:10px}.history-head time{font-size:11px;color:var(--muted)}.history-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.history-values span{padding:10px 4px;border:1px solid var(--border);border-radius:8px;text-align:center;font-weight:700}.history-values small{display:block;color:var(--muted);font-size:10px}.history-card>a{display:block;padding:10px;border-radius:8px;background:rgba(23,117,255,.16);text-align:center;text-decoration:none;font-size:12px}.page-hero{padding:82px 0 56px;background:radial-gradient(circle at 70% 20%,rgba(23,117,255,.2),transparent 40%)}.content-card{padding:32px;border-radius:16px}.content-card p{color:var(--muted);line-height:1.8}.site-footer{padding-top:58px;background:#020a16;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding-bottom:38px}.footer-grid section{min-width:0}.footer-grid h2{font-size:14px;margin:0 0 15px}.footer-grid p,.footer-grid a{display:block;margin:0 0 9px;color:var(--muted);font-size:13px;line-height:1.7;text-decoration:none}.footer-brand p{max-width:360px;margin-top:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
@media(max-width:1000px){.header-countdown{display:none}.hero-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.nav-toggle{display:grid;place-content:center;gap:5px;width:46px;height:46px;margin-left:auto;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.05)}.nav-toggle span{width:22px;height:2px;background:#fff}.main-nav{position:fixed;top:0;right:0;z-index:91;display:flex;flex-direction:column;align-items:stretch;width:min(88vw,360px);height:100dvh;padding:92px 22px 28px;background:#06162d;transform:translateX(105%);transition:.25s}.main-nav.is-open{transform:translateX(0)}.main-nav a{padding:16px}.mobile-only{display:block!important}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:64px 0}.hero-visual{min-height:360px}.prize-grid{grid-template-columns:1fr}.secondary-prize-grid{grid-template-columns:1fr}.session-info{grid-template-columns:repeat(2,1fr)}.session-info div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.session-info div:nth-child(4){border-top:1px solid var(--border)}}
@media(max-width:620px){.site-shell{width:min(100% - 24px,1180px)}.header-inner{min-height:68px}.brand-text{font-size:20px}.brand-mark{width:38px;height:38px}.hero h1,.page-hero h1{font-size:38px}.hero p{font-size:15px}.hero-visual{min-height:310px}.ball-main{width:165px;height:165px;right:50%;transform:translateX(50%);top:80px;font-size:72px}.ball-a{right:12px}.ball-b{left:10px;bottom:40px}.number-balls{gap:7px}.number-balls span{width:50px;height:50px;font-size:22px}.number-list{grid-template-columns:repeat(2,1fr)}.session-info{grid-template-columns:1fr}.session-info div+div{border-left:0;border-top:1px solid var(--border)}.section-heading{align-items:flex-start;flex-direction:column}.history-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:56px 0 36px}}
.prize-state{display:inline-block;margin-top:16px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}.prize-card.is-rolling{box-shadow:0 0 34px rgba(23,117,255,.28),var(--shadow)}
.result-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 30px;
    margin-bottom: 16px;
}

.result-section-heading h2 {
    margin: 0;
}

.admin-button.small {
    min-height: 38px;
    padding: 8px 14px;
    font-size: 13px;
    white-space: nowrap;
}

input[readonly] {
    cursor: not-allowed;
    opacity: 0.75;
}

@media (max-width: 576px) {
    .result-section-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .result-section-heading .admin-button {
        width: 100%;
    }
}
/* =========================================================
   GLOBAL RESPONSIVE FIX
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
    background: #031225;
    color: #ffffff;
}

img,
svg,
video,
canvas,
iframe {
    display: block;
    max-width: 100%;
}

button,
input,
select,
textarea {
    max-width: 100%;
    font: inherit;
}

a,
button {
    -webkit-tap-highlight-color: transparent;
}

.site-main {
    min-height: 70vh;
}

.site-shell {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

/* =========================================================
   HEADER
========================================================= */

.site-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: rgba(2, 16, 34, 0.97);
    border-bottom: 1px solid rgba(92, 163, 255, 0.2);
}

.header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.site-brand-logo {
    display: block;
    width: auto;
    height: 185px;
    max-width: 275px;
    object-fit: contain;
}

.main-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-left: auto;
}

.main-navigation a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 17px;
    border-radius: 9px;
    color: #dce9ff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.main-navigation a:hover,
.main-navigation a.active {
    background: #1687ff;
    color: #ffffff;
}

.header-countdown {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: max-content;
    padding-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.header-countdown span {
    color: #aebdd4;
    font-size: 12px;
    white-space: nowrap;
}

.header-countdown strong {
    color: #ffffff;
    font-size: 21px;
    letter-spacing: 3px;
    white-space: nowrap;
}

.mobile-menu-button {
    display: none;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid rgba(83, 159, 255, 0.35);
    border-radius: 10px;
    background: #082343;
    cursor: pointer;
}

.mobile-menu-button span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    border-radius: 20px;
    background: #ffffff;
    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.mobile-menu-button.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.mobile-menu-button.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-button.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* =========================================================
   PAGE HERO
========================================================= */

.page-hero {
    padding: 50px 0 70px;
    background:
        radial-gradient(
            circle at 70% 20%,
            rgba(23, 122, 255, 0.15),
            transparent 35%
        ),
        linear-gradient(
            110deg,
            #020f20,
            #061d3d
        );
}

.page-hero .eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #30b9ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.page-hero h1 {
    margin: 0;
    font-size: clamp(38px, 6vw, 72px);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.section {
    padding: 78px 0;
}

/* =========================================================
   HISTORY
========================================================= */

.history-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.history-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(63, 145, 242, 0.38);
    border-radius: 14px;
    background: linear-gradient(
        160deg,
        #11335d,
        #071d38
    );
}

.history-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.history-card-head strong {
    min-width: 0;
    font-size: 16px;
    overflow-wrap: anywhere;
}

.history-card-head span {
    color: #75b9ff;
    font-size: 11px;
    white-space: nowrap;
}

.history-prizes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.history-prizes > div {
    min-width: 0;
    padding: 12px 5px;
    border: 1px solid rgba(67, 145, 236, 0.32);
    border-radius: 9px;
    background: rgba(1, 19, 40, 0.35);
    text-align: center;
}

.history-prizes span {
    display: block;
    margin-bottom: 6px;
    color: #b8d9ff;
    font-size: 10px;
    font-weight: 600;
}

.history-prizes strong {
    display: block;
    font-size: clamp(15px, 2vw, 18px);
    letter-spacing: 0.4px;
    overflow-wrap: anywhere;
}

.history-detail-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #0d3970;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.history-detail-button:hover {
    background: #1687ff;
    transform: translateY(-1px);
}

/* =========================================================
   RESULT DETAIL
========================================================= */

.result-detail-page {
    width: 100%;
}

.result-detail-section {
    padding: 70px 0;
}

.detail-back {
    margin-bottom: 20px;
}

.detail-back-button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid rgba(66, 147, 243, 0.38);
    border-radius: 9px;
    color: #ffffff;
    text-decoration: none;
}

.main-prize-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.main-prize-detail-card {
    min-width: 0;
    padding: 28px 18px;
    border: 1px solid rgba(62, 147, 250, 0.4);
    border-radius: 15px;
    background: linear-gradient(
        160deg,
        #133963,
        #071c38
    );
    text-align: center;
}

.main-prize-detail-card span {
    display: block;
    margin-bottom: 10px;
    color: #a9cefb;
    font-size: 14px;
}

.main-prize-detail-card strong {
    display: block;
    font-size: clamp(30px, 5vw, 54px);
    letter-spacing: 4px;
    overflow-wrap: anywhere;
}

.detail-prize-panel {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(62, 147, 250, 0.32);
    border-radius: 15px;
    background: #0a284d;
}

.detail-prize-panel h2 {
    margin: 0 0 20px;
}

.detail-number-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.detail-number-card {
    min-width: 0;
    padding: 15px 8px;
    border: 1px solid rgba(79, 157, 247, 0.32);
    border-radius: 9px;
    background: rgba(2, 20, 41, 0.48);
    text-align: center;
}

.detail-number-card span {
    display: block;
    margin-bottom: 6px;
    color: #84baf8;
    font-size: 10px;
}

.detail-number-card strong {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
}

/* =========================================================
   GENERAL CARD AND GRID FIX
========================================================= */

.live-result-grid,
.prize-grid,
.feature-grid,
.information-grid,
.footer-inner {
    min-width: 0;
}

.live-result-grid,
.prize-grid,
.feature-grid,
.information-grid {
    display: grid;
    gap: 18px;
}

.prize-card,
.live-card,
.feature-card,
.information-card {
    min-width: 0;
    overflow: hidden;
}

.number-input,
.result-number,
.prize-number {
    overflow-wrap: anywhere;
}

/* =========================================================
   FORMS
========================================================= */

input,
select,
textarea {
    width: 100%;
    min-height: 46px;
    border-radius: 8px;
}

textarea {
    min-height: 120px;
    resize: vertical;
}

button,
.button,
.btn {
    min-height: 44px;
}

/* =========================================================
   FOOTER
========================================================= */

.site-footer {
    border-top: 1px solid rgba(70, 146, 239, 0.22);
    background: #020e1d;
}

.footer-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 40px;
    padding-top: 48px;
    padding-bottom: 36px;
}

.footer-logo {
    width: auto;
    height: 46px;
    max-width: 220px;
    object-fit: contain;
}

.footer-brand p {
    max-width: 500px;
    margin: 18px 0 0;
    color: #8da1bd;
    font-size: 13px;
    line-height: 1.8;
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.footer-links a {
    color: #c7d5e9;
    font-size: 13px;
    text-decoration: none;
}

.footer-bottom {
    padding-top: 18px;
    padding-bottom: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-bottom p {
    margin: 0;
    color: #7287a4;
    font-size: 12px;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
    .history-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .detail-number-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .header-inner {
        gap: 14px;
    }

    .main-navigation a {
        padding-inline: 12px;
        font-size: 13px;
    }

    .header-countdown {
        padding-left: 14px;
    }
}

@media (max-width: 900px) {
    .site-shell {
        width: min(100% - 30px, 1180px);
    }

    .header-inner {
        min-height: 70px;
        justify-content: space-between;
    }

    .site-brand-logo {
        height: 185px;
        max-width: 275px;
    }

    .mobile-menu-button {
        display: block;
        margin-left: auto;
    }

    .main-navigation {
        position: absolute;
        top: calc(100% + 1px);
        right: 15px;
        left: 15px;
        display: none;
        align-items: stretch;
        flex-direction: column;
        gap: 5px;
        margin: 0;
        padding: 14px;
        border: 1px solid rgba(62, 148, 251, 0.32);
        border-radius: 12px;
        background: #04172e;
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    }

    .main-navigation.open {
        display: flex;
    }

    .main-navigation a {
        justify-content: flex-start;
        width: 100%;
        padding-inline: 15px;
    }

    .header-countdown {
        position: absolute;
        top: calc(100% + 10px);
        right: 85px;
        display: none;
    }

    .history-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main-prize-detail-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .detail-number-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {
    .site-shell {
        width: min(100% - 24px, 1180px);
    }

    .site-brand-logo {
        height: 185px;
        max-width: 275px;
    }

    .page-hero {
        padding: 38px 0 46px;
    }

    .page-hero h1 {
        font-size: clamp(35px, 13vw, 52px);
        line-height: 1.05;
    }

    .section {
        padding: 46px 0;
    }

    .history-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .history-card {
        padding: 16px;
    }

    .history-card-head {
        margin-bottom: 14px;
    }

    .history-prizes {
        gap: 7px;
    }

    .history-prizes > div {
        padding: 11px 4px;
    }

    .history-prizes strong {
        font-size: 16px;
    }

    .history-detail-button {
        min-height: 44px;
        margin-top: 14px;
    }

    .result-detail-section {
        padding: 42px 0;
    }

    .main-prize-detail-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .main-prize-detail-card {
        padding: 22px 14px;
    }

    .main-prize-detail-card strong {
        font-size: 38px;
    }

    .detail-prize-panel {
        padding: 17px;
    }

    .detail-number-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .detail-number-card {
        padding: 14px 6px;
    }

    .detail-number-card strong {
        font-size: 17px;
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-top: 38px;
    }

    .footer-links {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .footer-bottom {
        text-align: center;
    }

    .form-grid,
    .form-grid.two,
    .form-grid.three,
    .form-grid.four {
        grid-template-columns: 1fr !important;
    }

    .form-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .form-actions > * {
        width: 100%;
    }
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .site-shell {
        width: min(100% - 18px, 1180px);
    }

    .site-brand-logo {
        height: 175px;
        max-width: 285px;
    }

    .mobile-menu-button {
        width: 41px;
        height: 41px;
    }

    .page-hero h1 {
        font-size: 34px;
    }

    .history-prizes strong {
        font-size: 14px;
    }

    .detail-number-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.history-detail-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #0d3970;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.history-detail-link:hover {
    background: #1687ff;
    transform: translateY(-1px);
}

.info-card{
    margin-bottom:24px;
    padding:28px;
    background:linear-gradient(180deg,#0b2d52,#081f39);
    border:1px solid rgba(73,150,255,.25);
    border-radius:16px;
}

.info-card h2{
    margin-top:0;
    margin-bottom:16px;
    color:#fff;
}

.info-card p{
    color:#cfd8e6;
    line-height:1.8;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
    margin:30px 0;
}

.feature-card{
    padding:22px;
    background:#0a2442;
    border:1px solid rgba(72,150,255,.2);
    border-radius:14px;
    transition:.25s;
}

.feature-card:hover{
    transform:translateY(-4px);
    border-color:#3ea0ff;
}

.feature-card h3{
    margin-top:0;
    margin-bottom:10px;
}

.feature-card p{
    color:#bfd2e9;
    line-height:1.7;
}

.check-list{
    margin:0;
    padding-left:20px;
}

.check-list li{
    margin-bottom:10px;
    color:#d4e0ef;
}

@media(max-width:768px){

.info-card{
    padding:20px;
}

.feature-grid{
    grid-template-columns:1fr;
}

}

@media (max-width: 900px) {


    .main-navigation.is-open {
        display: flex;
    }
}