body {
    margin: 0;
}

.termsPage {
    max-width: 850px;
    margin: 32px auto;
    padding: 0 20px 32px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.termsPage h2 {
    margin-top: 28px;
}

.termsPage a {
    color: #333333;
}

.termsNotice {
    padding: 16px;
    background-color: #f2f2f2;
    border-left: 4px solid #646464;
}


.banner {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 16px;
    background-color: #646464;
    color: white;
}
    

.bannerNav {
    flex: 1;
    min-width: 0;
}

.bannerAccount {
    margin-left: auto;
}

.bannerNavList {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}

.bannerNavListElement {
    
  flex-shrink: 0;
}

.bannerNavListElement a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;

}
        

/* The landing page theme is scoped to preserve the other pages. */
.rafflesPage { color: #eef4ff; background: radial-gradient(ellipse at 78% 18%, #153c7855, transparent 48%), radial-gradient(ellipse at 8% 68%, #0d53a333, transparent 50%), linear-gradient(135deg, #060d20, #0b2247 62%, #07152f); min-height: 100vh; font-family: 'Segoe UI', Arial, sans-serif; }
.rafflesPage * { box-sizing: border-box; }
.rafflesPage a { -webkit-tap-highlight-color: transparent; }
.rafflesPage a:focus-visible { outline: 3px solid #83d6ff; outline-offset: 6px; }
.sparkField { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.sparkField span { position: absolute; left: var(--x); bottom: -20px; width: 3px; height: 3px; border-radius: 50%; background: #64baff; box-shadow: 0 0 9px 2px #278cfa99; animation: sparkFlight var(--duration) var(--delay) linear infinite; }
.sparkField span:nth-child(3n) { width: 2px; height: 13px; background: linear-gradient(transparent, #64baff); }
@keyframes sparkFlight { 0% { transform: translate(0, 0) rotate(-20deg); opacity: 0; } 15%, 65% { opacity: .65; } 100% { transform: translate(var(--drift), -110vh) rotate(-20deg); opacity: 0; } }
.rafflesPage .banner { position: relative; z-index: 1; padding: 14px max(5vw, 24px); min-height: 82px; border-bottom: 1px solid #94b9ff18; background: #06112766; gap: 28px; }
.rafflesPage .bannerLogo { font-weight: 750; letter-spacing: -.5px; font-size: 19px; white-space: nowrap; }
.rafflesPage .bannerLogo p::before { content: '\2726'; color: #70b8ff; margin-right: 10px; }
.rafflesPage .bannerNavListElement a { color: #a8b8d2; font-size: 13px; padding: 12px 18px; transition: color .2s; }
.rafflesPage .bannerNavListElement a:hover, .rafflesPage .bannerNavListElement a[href="index.php"] { color: #fff; }
.rafflesPage .bannerAccount { font-size: 13px; color: #bbcae1; white-space: nowrap; }
.rafflesMain { position: relative; z-index: 1; max-width: 1240px; padding: 0 40px; margin: auto; }
.rafflesHero { position: relative; padding: 76px 0 64px; overflow: hidden; }
.eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 2.2px; color: #89baff; }
.eyebrow > span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #66b6ff; box-shadow: 0 0 12px #499fff; margin: 0 9px 1px 0; }
.rafflesHero h1 { position: relative; z-index: 1; margin: 24px 0 20px; font-size: clamp(40px, 5.5vw, 68px); font-weight: 750; line-height: 1.09; letter-spacing: -2.8px; }
.rafflesHero h1 span { color: #78b8ff; }
.heroDescription { position: relative; z-index: 1; color: #9fb1cd; font-size: 15px; line-height: 1.85; }
.heroLink { display: inline-flex; align-items: center; gap: 25px; margin-top: 20px; color: #d0e5ff; text-decoration: none; font-size: 13px; font-weight: 600; }
.heroLink span { font-size: 21px; color: #80baff; }
.heroOrb { position: absolute; right: 5%; top: 64px; width: 280px; height: 280px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #80bcff20; background: radial-gradient(circle, #286bba33, #163d7710 65%); box-shadow: 0 0 90px #1e72d522, inset 0 0 60px #2587f011; }
.heroOrb::before, .heroOrb::after { content: ''; position: absolute; inset: 25px; border: 1px solid #80bcff22; border-radius: 50%; }
.heroOrb::after { inset: 55px; }
.heroOrb span { font-size: 130px; line-height: 1; color: #83c6ff; text-shadow: 0 0 55px #3187ff88; }
.raffleSection { scroll-margin-top: 25px; }
.sectionHeading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 25px; gap: 20px; }
.sectionHeading .eyebrow { font-size: 9px; color: #6e91bd; }
.sectionHeading h2 { font-size: 25px; letter-spacing: -.6px; margin: 9px 0 0; }
.raffleCount { display: inline-block; vertical-align: middle; margin-left: 9px; padding: 4px 10px; border: 1px solid #8fbaff25; border-radius: 20px; color: #a9c7ee; font-size: 11px; letter-spacing: 0; }
.listingNote { font-size: 11px; color: #8297b6; padding-bottom: 4px; }
.raffleList { display: grid; gap: 16px; }
.raffleCard { display: flex; align-items: center; gap: 24px; padding: 23px 30px 23px 24px; border-radius: 100px; border: 1px solid #8ab6ff24; background: linear-gradient(110deg, #183c666e, #102848aa); box-shadow: 0 12px 35px #020b201f, inset 0 1px 0 #ffffff05; transition: border-color .2s, transform .2s, background .2s; }
.raffleCard:hover { transform: translateY(-3px); border-color: #77b6ff66; background: linear-gradient(110deg, #204b7b88, #16365cbb); }
.prizeIcon { flex: 0 0 76px; height: 76px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #7ab8ff25; background: linear-gradient(135deg, #2c639b77, #1b376655); color: #93ccff; }
.prizeIcon svg { width: 37px; height: 37px; }
.raffleDetails { flex: 1; min-width: 0; }
.cardEyebrow { color: #7ea7d5; font-size: 9px; font-weight: 700; letter-spacing: 1.8px; margin: 0 0 7px; }
.raffleDetails h3 { font-size: 20px; line-height: 1.3; letter-spacing: -.3px; margin: 0 0 7px; overflow-wrap: anywhere; }
.prizeDescription { color: #c0d4ed; font-size: 12px; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
.prizeDescription > span { color: #7d96b7; margin-right: 7px; }
.ticketDetails { display: grid; gap: 5px; min-width: 150px; border-left: 1px solid #9cc5ff20; padding-left: 28px; }
.ticketLabel { font-size: 10px; color: #91a8c8; }
.ticketDetails strong { font-size: 24px; font-weight: 650; letter-spacing: -.5px; }
.ticketStatus { font-size: 9px; color: #9bb7d8; }
.ticketStatus i { display: inline-block; height: 5px; width: 5px; border-radius: 50%; background: #69d8c2; margin-right: 6px; }
.ticketStatus i.soldOut { background: #93a3b9; }
.raffleAction { display: inline-flex; align-items: center; justify-content: center; gap: 22px; flex-shrink: 0; border-radius: 40px; background: linear-gradient(120deg, #438efa, #2669db); box-shadow: 0 5px 20px #0c4fc333; border: 1px solid #90bdff55; padding: 15px 22px; text-decoration: none; color: white; font-size: 12px; font-weight: 650; }
.raffleAction:hover { background: #4c95ff; }
.raffleAction span { font-size: 18px; }
.emptyRaffles { border: 1px solid #8ab6ff24; border-radius: 30px; padding: 36px; background: #15325a66; }
.emptyRaffles h3 { margin-top: 0; }
.emptyRaffles p { color: #a5bad6; line-height: 1.6; }
.rafflesFooter { display: flex; justify-content: space-between; gap: 20px; padding: 33px 0; margin-top: 48px; border-top: 1px solid #94b9ff18; color: #7891b2; font-size: 11px; }
.rafflesFooter a { color: #93aaca; text-decoration: none; }
@media (max-width: 900px) { .heroOrb { right: -80px; opacity: .45; } .raffleCard { gap: 18px; padding: 22px; border-radius: 48px; } .prizeIcon { flex-basis: 60px; height: 60px; } .ticketDetails { min-width: 115px; padding-left: 18px; } .raffleAction { gap: 10px; padding: 14px 18px; } .rafflesPage .banner { flex-wrap: wrap; gap: 0 18px; } .rafflesPage .bannerNav { order: 3; flex-basis: 100%; } .rafflesPage .bannerNavList { justify-content: flex-start; } .rafflesPage .bannerNavListElement a { padding-left: 0; padding-right: 24px; } }
@media (max-width: 620px) { .rafflesMain { padding: 0 20px; } .rafflesHero { padding: 48px 0; } .rafflesHero h1 { letter-spacing: -1.8px; } .heroOrb { right: -175px; top: 40px; opacity: .25; } .heroDescription { font-size: 14px; max-width: 330px; } .desktopBreak { display: none; } .listingNote { display: none; } .eyebrow { font-size: 8px; letter-spacing: 1.5px; } .raffleCard { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 18px 14px; border-radius: 32px; padding: 22px; } .prizeIcon { width: 52px; height: 52px; } .prizeIcon svg { width: 29px; height: 29px; } .raffleDetails h3 { font-size: 18px; } .ticketDetails { grid-column: 1 / 3; padding: 16px 0 0; border-left: 0; border-top: 1px solid #9cc5ff20; } .raffleAction { grid-column: 1 / 3; } .rafflesFooter { margin-top: 32px; } }
@media (prefers-reduced-motion: reduce) { .sparkField span { animation: none; bottom: auto; top: calc(var(--x)); opacity: .35; } .raffleCard { transition: none; } .raffleCard:hover { transform: none; } }

/* Additional landing-page polish. */
.rafflesPage { --accent-blue: #76bcff; --text-muted: #a6bddd; color-scheme: dark; background-attachment: fixed; }
.rafflesPage::before { content: ''; position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(#8ebcff03 1px, transparent 1px), linear-gradient(90deg, #8ebcff03 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(black, transparent 85%); }
.rafflesPage ::selection { background: #438efa77; color: white; }
.rafflesPage .banner { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.rafflesPage .bannerNavListElement a { position: relative; border-radius: 12px; }
.rafflesPage .bannerNavListElement a:hover { background: #80baff0b; }
.rafflesPage .bannerNavListElement a[href="index.php"]::after { content: ''; position: absolute; bottom: 3px; left: 18px; right: 18px; height: 2px; border-radius: 5px; background: linear-gradient(90deg, transparent, #76bcff, transparent); box-shadow: 0 2px 12px #438efa88; }
.heroLink { border-bottom: 1px solid #76bcff35; padding-bottom: 10px; transition: color .2s, border-color .2s; }
.heroLink:hover { color: white; border-color: #76bcff; }
.heroLink span { transition: transform .2s; }
.heroLink:hover span { transform: translateY(3px); }
.heroOrb { animation: orbFloat 8s ease-in-out infinite; }
.heroOrb::before { border-style: dashed; border-color: #80bcff35; }
.sectionHeading { padding-top: 25px; border-top: 1px solid #94b9ff18; }
.raffleCard { position: relative; isolation: isolate; }
.raffleCard::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: radial-gradient(ellipse at 15% 0, #7cbfff18, transparent 65%); pointer-events: none; }
.prizeIcon { box-shadow: inset 0 1px 0 #b2d6ff18, 0 7px 24px #040d2426; transition: box-shadow .25s, color .25s; }
.raffleCard:hover .prizeIcon { color: #c1e4ff; box-shadow: inset 0 1px 0 #b2d6ff33, 0 0 28px #3d9fff20; }
.ticketDetails strong { font-variant-numeric: tabular-nums; }
.raffleAction { min-height: 48px; transition: box-shadow .2s, transform .2s, background .2s; }
.raffleAction:hover { box-shadow: 0 6px 26px #367fff55; transform: translateY(-1px); }
.raffleAction:active { transform: translateY(1px); }
.raffleAction span { transition: transform .2s; }
.raffleAction:hover span { transform: translate(2px, -2px); }
.rafflesFooter a { padding: 5px 0; transition: color .2s; }
.rafflesFooter a:hover { color: #d0e5ff; }
@keyframes orbFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@media (min-width: 1400px) { .rafflesHero { padding-top: 90px; padding-bottom: 80px; } .raffleCard { min-height: 136px; } }
@media (max-width: 900px) { .rafflesPage .bannerNavListElement a[href="index.php"]::after { left: 0; right: 24px; } }
@media (max-width: 380px) { .rafflesPage .banner { padding-right: 16px; padding-left: 16px; } .rafflesPage .bannerLogo { font-size: 16px; } .rafflesPage .bannerAccount { font-size: 11px; } .rafflesPage .bannerNavListElement a { font-size: 11px; padding-right: 18px; } .rafflesMain { padding: 0 14px; } .rafflesHero h1 { font-size: 36px; } .raffleCard { padding: 19px; } .rafflesFooter { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { .heroOrb { animation: none; } .rafflesPage a, .heroLink span, .prizeIcon, .raffleAction span { transition: none; } .heroLink:hover span, .raffleAction:hover, .raffleAction:active, .raffleAction:hover span { transform: none; } }

/* Crown Prize Co account, raffle and administration pages. */
.rafflesPage .bannerLogo { color: #eff6ff; text-decoration: none; display: flex; align-items: center; gap: 9px; }
.bannerLogo > span { color: #90caff; font-size: 27px; }
.rafflesPage .bannerNavListElement a[href="index.php"] { color: #a8b8d2; }
.rafflesPage .bannerNavListElement a[href="index.php"]::after { content: none; }
.rafflesPage .bannerNavListElement a[aria-current="page"] { color: white; background: #80baff0b; }
.rafflesPage .bannerNavListElement a[aria-current="page"]::after { content: ''; position: absolute; bottom: 3px; left: 18px; right: 18px; height: 2px; border-radius: 5px; background: linear-gradient(90deg, transparent, #76bcff, transparent); }
.rafflesPage .bannerAccount { display: flex; align-items: center; gap: 16px; }
.bannerAccount a { color: #c1d6f1; text-decoration: none; }
.bannerAccount form { margin: 0; }
.navButton { border: 0; padding: 9px 0; color: #a6bddb; background: transparent; font: inherit; cursor: pointer; }
.navSignup { padding: 10px 15px; border-radius: 25px; border: 1px solid #80baff44; background: #3679dc20; }
.appMain { min-height: calc(100vh - 82px); }
.appMain > .notice:first-child { margin-top: 28px; }
.pageHeading { padding: 48px 0 28px; }
.pageHeading h1 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -1.2px; margin: 12px 0; line-height: 1.15; }
.panel { border: 1px solid #8ab6ff29; border-radius: 28px; padding: 30px; background: linear-gradient(135deg, #16385bd9, #0d2445e8); box-shadow: 0 16px 40px #020b2026, inset 0 1px 0 #ffffff05; min-width: 0; }
.panel h2 { font-size: 23px; letter-spacing: -.5px; margin: 0 0 16px; }
.panel h3 { overflow-wrap: anywhere; }
.panel p { line-height: 1.7; }
.muted, .panel small { color: #a6bddd; line-height: 1.65; }
.textLink, .stackForm a, .authFoot a { color: #98cdff; text-decoration: none; }
.textLink:hover, .stackForm a:hover, .authFoot a:hover { color: white; text-decoration: underline; }
.authLayout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; padding: 65px 0 24px; }
.authIntro h1 { font-size: clamp(36px, 4.5vw, 57px); line-height: 1.12; letter-spacing: -2px; margin: 25px 0; }
.authIntro h1 span { color: #78b8ff; }
.authIntro > p:not(.eyebrow) { color: #a6bddd; line-height: 1.85; max-width: 390px; }
.authIntro .textLink { display: inline-block; margin-top: 24px; font-size: 13px; }
.introFeature { font-size: 13px; margin-top: 22px; color: #bfd8f8; }
.authPanel { padding: 34px; }
.authPanel > h2 { font-size: 29px; margin: 12px 0; }
.stackForm { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 24px; }
.stackForm > .raffleAction { grid-column: auto; }
.stackForm label { display: grid; gap: 9px; font-size: 13px; color: #d1e1f6; }
.stackForm input:not([type="checkbox"]), .stackForm textarea { width: 100%; min-width: 0; border: 1px solid #8ab6ff36; background: #06162b88; border-radius: 12px; color: #f2f7ff; padding: 13px 14px; font: inherit; line-height: 1.5; transition: border-color .2s, box-shadow .2s; }
.stackForm textarea { resize: vertical; }
.stackForm input:focus, .stackForm textarea:focus { outline: none; border-color: #78b8ff; box-shadow: 0 0 0 3px #438efa22; }
.stackForm input::placeholder { color: #8298b6; }
.stackForm small { font-size: 11px; }
.stackForm .checkLabel { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 1.6; }
.checkLabel input { accent-color: #448efa; width: 17px; height: 17px; margin: 2px 0 0; flex-shrink: 0; }
button { font-family: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .5; transform: none !important; }
.rafflesPage button:focus-visible { outline: 3px solid #83d6ff; outline-offset: 4px; }
.authFoot { color: #91aaca; font-size: 12px; text-align: center; margin-top: 25px; }
.notice { border: 1px solid #78b8ff35; background: #3176ca15; border-radius: 14px; padding: 15px 17px; color: #c2dbfa; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.notice.error { border-color: #ff9e9e55; background: #8e26321f; color: #ffd3d3; }
.notice.success { border-color: #6ad9c249; background: #1d7a691f; color: #c4f1e6; }
.notice ul { margin: 0; padding-left: 18px; }
.narrowPanel { max-width: 620px; }
.countdownValue { font-size: 16px !important; white-space: nowrap; }
.ticketDetails { min-width: 200px; }
.ticketStatus { line-height: 1.5; }
.howItWorks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding-top: 65px; }
.howItWorks > div { border-top: 1px solid #94b9ff25; padding-top: 23px; }
.howItWorks > div > span { color: #72b8ff; font-size: 12px; font-weight: 600; }
.howItWorks h3 { font-size: 15px; }
.howItWorks p { font-size: 12px; color: #95adcc; line-height: 1.8; }
.statGrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-bottom: 28px; }
.statGrid .panel { display: grid; gap: 14px; }
.statGrid span { font-size: 12px; color: #a6bddd; }
.statGrid strong { font-size: 34px; font-variant-numeric: tabular-nums; }
.statGrid .textLink { font-size: 14px; }
.entryTop { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.entryCard h2 { margin: 10px 0; overflow-wrap: anywhere; }
.entryCard h2 a { color: #f1f6ff; text-decoration: none; }
.entryCountdown { text-align: right; display: grid; gap: 9px; flex-shrink: 0; }
.entryCountdown > span { color: #8da9ce; font-size: 11px; }
.entryCountdown strong { font-size: 17px; color: #add5ff; font-variant-numeric: tabular-nums; }
.entryMeta { display: flex; gap: 16px 25px; flex-wrap: wrap; font-size: 10px; color: #91a9c9; padding-top: 18px; border-top: 1px solid #94b9ff20; }
.entryMeta code { color: #cae2ff; display: block; margin-top: 7px; letter-spacing: .5px; }
.entryCard .notice { margin-top: 18px; }
.detailGrid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 28px; align-items: start; }
.prizePanel .prizeIcon { width: 90px; height: 90px; margin-bottom: 28px; }
.prizePanel h1 { font-size: clamp(29px,4vw,42px); line-height: 1.2; letter-spacing: -1px; overflow-wrap: anywhere; }
.prizeHeadline { color: #9fd0ff; font-size: 24px; overflow-wrap: anywhere; }
.prose { white-space: normal; overflow-wrap: anywhere; line-height: 1.9; color: #b8cde8; font-size: 14px; margin: 22px 0 36px; }
.bigCountdown { font-size: clamp(20px,2.7vw,30px); color: #b4d9ff; font-weight: 650; margin: 24px 0; font-variant-numeric: tabular-nums; }
.schedule { margin: 28px 0; }
.schedule > div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid #94b9ff18; font-size: 12px; }
.schedule dt { color: #93adcf; }
.schedule dd { text-align: right; margin: 0; color: #d3e4fa; }
.entryPanel > .raffleAction { display: flex; margin-top: 20px; }
.entryPanel code { font-size: 11px; }
.adminGrid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 25px; align-items: start; }
.sectionTop { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.sectionTop .textLink { font-size: 12px; flex-shrink: 0; }
.formGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.buttonRow { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }
.secondaryButton, .dangerButton { border-radius: 25px; padding: 14px 22px; border: 1px solid #8ab6ff40; background: #2e5a8a33; color: #c8ddf8; font-size: 12px; }
.dangerButton { border-color: #ed8a8a55; background: #792c3e33; color: #ffc4c4; }
.adminList { display: grid; gap: 12px; }
.adminList > a { display: grid; gap: 8px; padding: 17px; border-radius: 17px; border: 1px solid #8ab6ff20; text-decoration: none; color: #e3efff; }
.adminList > a:hover { background: #4284d411; border-color: #8ab6ff55; }
.adminList strong { overflow-wrap: anywhere; }
.adminList > a > span:last-child { font-size: 11px; color: #98b2d3; line-height: 1.7; }
.spaced { margin-top: 28px; }
.tableScroll { overflow-x: auto; }
.dataTable { width: 100%; border-collapse: collapse; font-size: 12px; }
.dataTable th, .dataTable td { text-align: left; padding: 14px 12px; border-bottom: 1px solid #94b9ff20; }
.dataTable th { color: #8daace; font-weight: 500; }
.termsPage { max-width: 850px; margin: 45px auto; }
.rafflesPage .termsPage a { color: #98cdff; }
.termsNotice { background: #1c487b55; border-color: #76bcff; }
.sparkField span:nth-child(12n+1) { --x: 4%; --delay: -7s; --duration: 19s; --drift: 75px; }
.sparkField span:nth-child(12n+2) { --x: 13%; --delay: -15s; --duration: 22s; --drift: -45px; }
.sparkField span:nth-child(12n+3) { --x: 22%; --delay: -5s; --duration: 18s; --drift: 60px; }
.sparkField span:nth-child(12n+4) { --x: 31%; --delay: -12s; --duration: 25s; --drift: -80px; }
.sparkField span:nth-child(12n+5) { --x: 40%; --delay: -3s; --duration: 20s; --drift: 110px; }
.sparkField span:nth-child(12n+6) { --x: 49%; --delay: -17s; --duration: 23s; --drift: -65px; }
.sparkField span:nth-child(12n+7) { --x: 58%; --delay: -9s; --duration: 17s; --drift: 90px; }
.sparkField span:nth-child(12n+8) { --x: 67%; --delay: -2s; --duration: 24s; --drift: -100px; }
.sparkField span:nth-child(12n+9) { --x: 76%; --delay: -14s; --duration: 21s; --drift: 50px; }
.sparkField span:nth-child(12n+10) { --x: 85%; --delay: -6s; --duration: 26s; --drift: -75px; }
.sparkField span:nth-child(12n+11) { --x: 94%; --delay: -19s; --duration: 22s; --drift: 70px; }
.sparkField span:nth-child(12n+12) { --x: 54%; --delay: -11s; --duration: 27s; --drift: -90px; }
.sparkField span:nth-child(n+13) { animation-direction: reverse; opacity: .45; }
@media (max-width: 1100px) { .rafflesPage .banner { gap: 0 22px; flex-wrap: wrap; } .rafflesPage .bannerNav { order: 3; flex-basis: 100%; } .rafflesPage .bannerNavList { justify-content: flex-start; } .rafflesPage .bannerNavListElement a { padding-left: 0; padding-right: 23px; } .rafflesPage .bannerNavListElement a[aria-current="page"]::after { left: 0; right: 23px; } .authLayout { gap: 35px; } }
@media (max-width: 900px) { .detailGrid, .adminGrid { grid-template-columns: 1fr; } .authLayout { grid-template-columns: 1fr; padding-top: 40px; max-width: 560px; margin: auto; } .authIntro h1 { font-size: 40px; } .introFeature { display: none; } .ticketDetails { min-width: 160px; } .countdownValue { font-size: 13px !important; } }
@media (max-width: 620px) { .panel, .authPanel { padding: 23px; border-radius: 23px; } .pageHeading { padding-top: 32px; } .howItWorks { grid-template-columns: 1fr; padding-top: 35px; gap: 18px; } .statGrid { grid-template-columns: 1fr; gap: 12px; } .statGrid .panel { grid-template-columns: 1fr auto; align-items: center; } .statGrid strong { font-size: 24px; } .entryTop { flex-direction: column; align-items: start; gap: 12px; margin-bottom: 20px; } .entryCountdown { text-align: left; } .entryMeta { display: grid; } .formGrid { grid-template-columns: 1fr; } .authLayout { gap: 24px; } .authIntro h1 { font-size: 33px; } .ticketDetails { display: flex; flex-direction: column; min-width: 0; } .countdownValue { font-size: 18px !important; } .rafflesPage .bannerLogo { font-size: 17px; } .rafflesPage .bannerAccount { gap: 10px; font-size: 11px; } .navSignup { padding: 8px 10px; } .rafflesPage .bannerNavListElement a { font-size: 12px; } .sectionTop { flex-wrap: wrap; } }
@media (max-width: 400px) { .rafflesPage .banner { padding: 12px 14px; gap: 8px; } .rafflesPage .bannerLogo { font-size: 15px; } .bannerLogo > span { font-size: 21px; } .rafflesPage .bannerAccount { margin-left: 0; width: 100%; justify-content: space-between; } .rafflesPage .bannerNavListElement a { font-size: 11px; padding-right: 16px; } .schedule > div { flex-wrap: wrap; gap: 8px; } .schedule dd { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .sparkField span:nth-child(n+13) { animation: none; } .stackForm input, .stackForm textarea { transition: none; } }

/* Ticket shop and the separate green administration workspace. */
.skipLink { position: absolute; top: -80px; left: 15px; z-index: 20; padding: 12px 20px; background: #fff; color: #081c35; border-radius: 8px; }
.skipLink:focus { top: 12px; }
.prototypeBar { position: relative; z-index: 1; background: #24549b22; border-bottom: 1px solid #88b7ff19; color: #9ab9df; text-align: center; padding: 8px 20px; font-size: 10px; letter-spacing: .35px; line-height: 1.6; }
.footerLinks { display: flex; gap: 20px; flex-wrap: wrap; }
.basketLink { display: inline-flex; gap: 7px; align-items: center; }
.basketLink > span { background: #68b3ff24; border-radius: 12px; padding: 3px 7px; font-size: 10px; }
.bannerAccount .adminPortalLink, .adminPortalLink { color: #8be2b8 !important; }
.saleProgress { margin-top: 17px; max-width: 480px; }
.progressTitle { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 11px; color: #95c9ff; }
.progressTitle > span { color: #a0b9d8; font-size: 10px; }
.saleProgress progress { display: block; appearance: none; width: 100%; height: 7px; border: 0; border-radius: 20px; overflow: hidden; margin: 9px 0; background: #061a35; }
.saleProgress progress::-webkit-progress-bar { border-radius: 20px; background: #061a35; }
.saleProgress progress::-webkit-progress-value { border-radius: 20px; background: linear-gradient(90deg,#3d75fa,#4bc3e4,#7cdbba); }
.saleProgress progress::-moz-progress-bar { border-radius: 20px; background: linear-gradient(90deg,#3d75fa,#4bc3e4,#7cdbba); }
.saleProgress small { font-size: 9px; color: #8fa8c9; }
.raffleCard { border-radius: 75px; min-height: 176px; }
.priceHeadline { font-size: 46px; font-weight: 700; letter-spacing: -1.5px; margin: 20px 0 30px; }
.priceHeadline small { display: block; font-size: 12px; color: #92b3db; letter-spacing: 0; font-weight: 400; margin-top: 6px; }
.fullButton { display: flex; }
.basketItems { display: grid; gap: 18px; }
.basketItem { display: flex; flex-wrap: wrap; gap: 18px 25px; align-items: center; }
.basketItem > div { flex: 1; min-width: 180px; }
.basketItem h2 { margin-bottom: 5px; font-size: 20px; }
.basketItem > strong { margin-left: auto; font-size: 22px; }
.quantityForm { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.quantityForm label { display: grid; gap: 7px; color: #a6bddd; font-size: 11px; }
.quantityForm input { width: 80px; padding: 12px; border: 1px solid #8ab6ff36; border-radius: 10px; background: #06162b88; color: white; font: inherit; }
.quantityForm .navButton { color: #bad4f4; padding: 14px 0; }
.summaryLine { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding: 17px 0; border-bottom: 1px solid #94b9ff20; font-size: 13px; }
.summaryLine span { overflow-wrap: anywhere; }
.summaryLine small { display: block; margin-top: 7px; font-size: 11px; }
.summaryLine strong { white-space: nowrap; }
.schedule .orderTotal { font-size: 19px; font-weight: 600; padding-top: 20px; }
.paymentMethods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.stackForm .paymentChoice { display: flex; gap: 12px; align-items: start; border: 1px solid #86b9ff39; border-radius: 15px; padding: 18px; background: #12335a66; }
.paymentChoice > input { width: 16px !important; margin: 2px 0; accent-color: #78b8ff; box-shadow: none !important; }
.paymentChoice strong { font-size: 17px; display: block; }
.paymentChoice small { margin-top: 7px; display: block; font-size: 10px; }
.ticketGrid { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 15px; }
.numberedTicket { display: grid; gap: 10px; border: 1px dashed #83b9ff55; padding: 20px; background: linear-gradient(120deg,#234a7b55,#10284a66); border-radius: 18px; position: relative; overflow: hidden; }
.numberedTicket strong { font-size: 27px; letter-spacing: 1px; color: #b6dcff; }
.numberedTicket > span, .numberedTicket small { font-size: 11px; color: #9bb6db; line-height: 1.5; }
.numberedTicket code { font-size: 10px; letter-spacing: .5px; color: #a9c6ec; overflow-wrap: anywhere; }
.numberedTicket a { color: #9bd0ff; text-decoration: none; font-size: 10px; }
.formDetails { border: 1px solid #8ab6ff26; border-radius: 15px; padding: 18px; }
.formDetails summary { color: #bdd5f2; cursor: pointer; font-size: 13px; }
.stackForm select { min-width: 0; padding: 13px; width: 100%; background: #091f35; border: 1px solid #8ab6ff36; border-radius: 12px; color: #e7f3ff; font: inherit; }
.legalDocument { line-height: 1.8; }
.legalDocument h1 { font-size: 34px; letter-spacing: -1px; }
.legalDocument h2 { margin-top: 32px; font-size: 20px; }
.legalDocument p { color: #b5cbe6; font-size: 14px; }
.adminPage { --accent-blue: #6de4b0; background: radial-gradient(ellipse at 80% 10%,#13573d66,transparent 60%),linear-gradient(135deg,#061811,#0b2a20 60%,#071c17); }
.adminPage::before { background-image: linear-gradient(#89e7be04 1px,transparent 1px),linear-gradient(90deg,#89e7be04 1px,transparent 1px); }
.adminPage .banner { background: #061a12bb; border-color: #9ceac31f; flex-wrap: wrap; gap: 12px 24px; }
.adminPage .bannerNav { order: 3; flex-basis: 100%; }
.adminPage .bannerNavList { justify-content: flex-start; }
.adminPage .bannerNavListElement a { padding: 11px 21px 11px 0; color: #9ecab6; }
.adminPage .bannerNavListElement a[aria-current="page"] { color: #beffdf; background: transparent; }
.adminPage .bannerNavListElement a[aria-current="page"]::after { left: 0; right: 21px; background: linear-gradient(90deg,#6de4b0,transparent); }
.adminPage .bannerLogo, .adminPage .bannerAccount a { color: #e0f7ec; }
.adminPage .bannerLogo > span { color: #7ae4b6; }
.adminBadge { font-size: 8px; letter-spacing: 1.2px; padding: 5px 8px; border: 1px solid #6de4b055; border-radius: 6px; color: #9af0c7; }
.adminPage .prototypeBar { background: #143e2a55; border-color: #8ce7b81b; color: #83b99c; }
.adminPage .rafflesMain { max-width: 1450px; }
.adminPage .panel { border-color: #8fe4b72c; background: linear-gradient(125deg,#123e2de8,#0b291fe8); box-shadow: 0 16px 40px #020e0826; }
.adminPage .eyebrow, .adminPage .cardEyebrow, .adminPage .textLink, .adminPage .stackForm a { color: #88dbb3; }
.adminPage .muted, .adminPage .panel small { color: #a1c4b2; }
.adminPage .raffleAction { background: linear-gradient(120deg,#239b69,#137b50); border-color: #88e2b54f; box-shadow: 0 5px 20px #062b182c; }
.adminPage .raffleAction:hover { background: #24985e; box-shadow: 0 5px 24px #40c58d26; }
.adminPage .secondaryButton { color: #b8e7ce; background: #255d3c44; border-color: #8edbb545; }
.adminPage .stackForm input:not([type="checkbox"]), .adminPage .stackForm textarea, .adminPage .stackForm select, .adminPage .searchForm input { background: #051c13aa; border-color: #85cda137; color: #e6fff1; }
.adminPage .stackForm input:focus, .adminPage .stackForm textarea:focus { border-color: #72dca4; box-shadow: 0 0 0 3px #72dca41a; }
.adminPage .stackForm label { color: #c9e6d7; }
.adminPage .checkLabel input { accent-color: #61ca95; }
.adminPage .notice { color: #c1ebd4; border-color: #7cdaaa35; background: #42bd8010; }
.adminPage .notice.error { color: #ffd2d2; border-color: #ff9e9e55; background: #8e26321f; }
.adminPage .adminList > a { border-color: #8bd9af2b; }
.adminPage .adminList > a:hover { background: #5ec78b0c; border-color: #8bd9af65; }
.adminPage .adminList > a > span:last-child { color: #95bba7; }
.adminPage .dataTable th, .adminPage .schedule dt { color: #98c4ad; }
.adminPage .dataTable td, .adminPage .dataTable th, .adminPage .schedule > div { border-color: #9ce8bf1d; }
.adminPage .saleProgress progress::-webkit-progress-value { background: linear-gradient(90deg,#278e54,#6de4b0); }
.adminPage .progressTitle { color: #91e0b7; }
.adminPage .rafflesFooter { color: #82ad94; border-color: #9ce8bf20; }
.adminPage .rafflesFooter a { color: #99ccb0; }
.adminPage a:focus-visible, .adminPage button:focus-visible { outline-color: #90efbf; }
.adminStats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; margin-bottom: 30px; }
.adminStats .panel { display: grid; gap: 15px; padding: 23px; }
.adminStats span { color: #92bca5; font-size: 11px; }
.adminStats strong { font-size: 35px; letter-spacing: -.7px; color: #d3f8e3; }
.controlGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.controlCard { text-decoration: none; color: #dff9e9; transition: transform .2s,border-color .2s; }
.controlCard:hover { transform: translateY(-3px); border-color: #8bdfa868; }
.controlCard h2 { font-size: 22px; }
.controlCard p { color: #9ebfac; font-size: 13px; margin-bottom: 0; }
.searchForm { display: flex; flex-wrap: wrap; gap: 10px; }
.searchForm input { width: 250px; max-width: 100%; border-radius: 25px; padding: 11px 15px; border: 1px solid #85cda137; font: inherit; font-size: 12px; }
.launchList { color: #a8cbb8; line-height: 1.8; padding-left: 20px; font-size: 13px; }
.launchList li { margin: 16px 0; }
@media(max-width:1100px) { .adminStats { grid-template-columns: repeat(3,minmax(0,1fr)); } .controlGrid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .raffleCard { border-radius: 45px; gap: 18px; } .raffleCard .ticketDetails { min-width: 125px; } .saleProgress { min-width: 0; } }
@media(max-width:620px) { .raffleCard { border-radius: 30px; } .raffleCard .saleProgress { margin-left: -66px; margin-top: 22px; } .raffleCard .ticketDetails { border-top: 1px solid #94b9ff20; } .progressTitle { flex-wrap: wrap; gap: 4px; } .paymentMethods { grid-template-columns: 1fr; } .ticketGrid { grid-template-columns: 1fr; } .adminStats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .adminStats .panel { padding: 20px; } .controlGrid { grid-template-columns: 1fr; } .basketItem { padding: 22px; } .adminPage .bannerAccount { width: auto; margin-left: auto; } .adminPage .bannerLogo { flex-wrap: wrap; } .searchForm { width: 100%; } .searchForm input { flex: 1; min-width: 0; } .footerLinks { gap: 15px; } .legalDocument { padding: 22px; } .legalDocument h1 { font-size: 28px; } }
@media(prefers-reduced-motion:reduce) { .controlCard { transition:none; } .controlCard:hover { transform:none; } }
.adminPage .authIntro h1 span { color: #8de2b6; }
.adminPage .heroLink, .adminPage .authIntro .textLink { color: #a4e2bf; }

/* Flat, practical administration. Customer pages keep the blue theme. */
.statusBadge { display: inline-block; width: fit-content; border: 1px solid #8fb7ee66; border-radius: 5px; padding: 5px 8px; background: #193a60; color: #d6e8ff; font-size: 11px; font-weight: 650; line-height: 1.4; white-space: normal; }
.status-waiting, .status-scheduled { background: #59451a; border-color: #c5a151; color: #ffebba; }
.status-ready { background: #154b67; border-color: #5eb9e9; color: #c4eeff; }
.status-winner { background: #65511b; border-color: #eac765; color: #fff1b9; }
.status-void, .status-cancelled { background: #542c37; border-color: #c7838c; color: #ffdade; }
.status-not-selected, .status-draft { background: #273b54; border-color: #8fa0b8; color: #cfdaeb; }
.status-confirmed { background: #174b42; border-color: #6cbdac; color: #cef5e9; }
.ticketExplanation { font-size: 12px; line-height: 1.65; color: #b7cbe6; margin: 0; }
.ticket-winner { border: 2px solid #e3c263; background: linear-gradient(130deg,#63532b55,#2a365b88); }
.ticket-void, .ticket-cancelled { border-color: #bd858a; background: #48293655; }
.winnerBanner { display: flex; position: relative; overflow: hidden; gap: 25px; align-items: center; border: 1px solid #edd27a; border-radius: 24px; padding: 30px; margin: 0 0 26px; background: linear-gradient(120deg,#635220aa,#143657dd); color: #fff6d4; }
.winnerBanner h2 { margin: 7px 0; font-size: clamp(25px,4vw,38px); letter-spacing: -1px; }
.winnerBanner p { margin: 6px 0; font-size: 13px; line-height: 1.7; }
.winnerBanner .eyebrow { color: #ead28e; font-size: 9px; }
.winnerTrophy { font-size: 64px; flex-shrink: 0; }
.winParticles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.winParticles i { position: absolute; top: -20px; left: var(--left); height: 10px; width: 5px; opacity: 0; background: #ffdb76; }
.winParticles i:nth-child(4n) { background: #7fd8ff; }
.winParticles i:nth-child(3n) { background: #a0edc5; }
.winParticles i:nth-child(8n+1) { --left: 8%; --delay: 0s; }
.winParticles i:nth-child(8n+2) { --left: 20%; --delay: .2s; }
.winParticles i:nth-child(8n+3) { --left: 32%; --delay: .4s; }
.winParticles i:nth-child(8n+4) { --left: 44%; --delay: .1s; }
.winParticles i:nth-child(8n+5) { --left: 56%; --delay: .3s; }
.winParticles i:nth-child(8n+6) { --left: 68%; --delay: .6s; }
.winParticles i:nth-child(8n+7) { --left: 80%; --delay: .5s; }
.winParticles i:nth-child(8n+8) { --left: 92%; --delay: .7s; }
.winnerBanner.isCelebrating .winParticles i { animation: winnerConfetti 2.8s var(--delay) ease-out 1; }
.winnerBanner.isCelebrating .winnerTrophy { animation: winnerPop .7s ease-out 1; }
@keyframes winnerConfetti { 0% { opacity: 0; transform: translate(-12px,0) rotate(0); } 15% { opacity: .95; } 100% { opacity: 0; transform: translate(35px,360px) rotate(450deg); } }
@keyframes winnerPop { 0% { transform: scale(.7); } 65% { transform: scale(1.15); } 100% { transform: scale(1); } }
.adminPage { background: #f2f5f2; color: #1c2b22; color-scheme: light; }
.adminPage::before { display: none; }
.adminPage .banner { background: #205437; border: 0; padding-top: 15px; padding-bottom: 10px; box-shadow: none; backdrop-filter: none; }
.adminPage .bannerLogo, .adminPage .bannerLogo > span, .adminPage .bannerAccount a, .adminPage .navButton { color: #fff; }
.adminPage .bannerLogo { font-size: 18px; letter-spacing: 0; }
.adminPage .bannerNavListElement a { color: #e2f3e7; border-radius: 0; padding: 10px 20px 10px 0; font-size: 14px; }
.adminPage .bannerNavListElement a:hover, .adminPage .bannerNavListElement a[aria-current="page"] { color: white; text-decoration: underline; background: transparent; }
.adminPage .bannerNavListElement a[aria-current="page"]::after { display: none; }
.adminPage .prototypeBar { background: #fff7dd; color: #69551b; border-bottom: 1px solid #dacc9d; font-size: 11px; }
.adminPage .pageHeading { padding: 28px 0 22px; }
.adminPage .pageHeading h1 { font-size: 28px; letter-spacing: -.3px; margin: 5px 0; }
.adminPage .pageHeading .eyebrow { display: none; }
.adminPage .panel { background: white; color: #1c2b22; box-shadow: none; border: 1px solid #ccd7ce; border-radius: 6px; padding: 22px; }
.adminPage .panel h2 { font-size: 21px; letter-spacing: 0; }
.adminPage .panel h3 { font-size: 17px; letter-spacing: 0; }
.adminPage .muted, .adminPage .panel p, .adminPage .panel small, .adminPage .adminStats span, .adminPage .adminList > a > span:last-child { color: #455b4d; }
.adminPage .eyebrow, .adminPage .cardEyebrow { color: #376a49; }
.adminPage .textLink, .adminPage .stackForm a, .adminPage .authFoot a, .adminPage .heroLink { color: #145a32; text-decoration: underline; }
.adminPage .raffleAction, .adminPage .secondaryButton, .adminPage .dangerButton { border-radius: 5px; box-shadow: none; text-decoration: none; min-height: 42px; font-size: 13px; font-weight: 600; padding: 11px 17px; transform: none; }
.adminPage .raffleAction { background: #206c3e; border: 1px solid #206c3e; color: white; }
.adminPage .raffleAction:hover { background: #154c2b; box-shadow: none; }
.adminPage .secondaryButton { background: #f1f5f1; border: 1px solid #9bac9e; color: #224b31; }
.adminPage .secondaryButton:hover { background: #e4ece4; }
.adminPage .dangerButton { background: #fff2f1; border: 1px solid #c8827e; color: #8b2520; }
.adminPage .dangerButton:hover { background: #ffe0dc; }
.adminPage .stackForm label { color: #263f2e; font-weight: 550; font-size: 14px; }
.adminPage .stackForm input:not([type="checkbox"]), .adminPage .stackForm textarea, .adminPage .stackForm select, .adminPage .searchForm input { background: white; color: #172c1d; border: 1px solid #9cad9e; border-radius: 4px; padding: 10px 12px; font-size: 14px; }
.adminPage .stackForm input:focus, .adminPage .stackForm textarea:focus, .adminPage .stackForm select:focus { outline: 2px solid #3a8456; outline-offset: 1px; box-shadow: none; }
.adminPage .stackForm { max-width: 950px; }
.adminPage .stackForm small { font-weight: 400; }
.raffleEditor fieldset { display: grid; gap: 18px; border: 1px solid #c9d5cb; border-radius: 4px; padding: 20px; min-width: 0; }
.raffleEditor legend { padding: 0 8px; font-size: 16px; font-weight: 650; color: #274f34; }
.adminPage .notice { background: #f2f7ee; border: 1px solid #bfd2b5; color: #2d4b2c; border-radius: 4px; }
.adminPage .notice.error { background: #fff2f1; border-color: #d2938e; color: #8b2520; }
.adminPage .notice.success { background: #eef7ef; border-color: #a1c8a8; color: #225330; }
.adminPage .formDetails { border-color: #bbcbbc; border-radius: 4px; }
.adminPage .formDetails summary, .adminPage .panel > summary { color: #245b36; cursor: pointer; font-weight: 600; }
.adminPage .dataTable { font-size: 13px; }
.adminPage .dataTable th { color: #294331; background: #edf2ed; font-weight: 650; }
.adminPage .dataTable td, .adminPage .dataTable th { border-color: #d5dfd5; padding: 12px; line-height: 1.6; vertical-align: top; }
.adminPage .dataTable tr:nth-child(even) td { background: #f8faf8; }
.adminPage .dataTable small { display: block; margin-top: 4px; }
.adminPage .dataTable code { font-size: 11px; }
.adminPage .schedule dt { color: #455b4d; }
.adminPage .schedule dd { color: #1d3525; }
.adminPage .schedule > div { border-color: #d5dfd5; }
.adminPage .adminStats .panel { padding: 17px; gap: 7px; }
.adminPage .adminStats strong { color: #20492e; font-size: 28px; }
.adminPage .adminList > a { border-color: #cbd8cd; border-radius: 4px; color: #234e32; }
.adminPage .adminShortcuts { gap: 10px; }
.adminActionBox { background: #f2f5f2; border: 1px solid #c9d5cb; padding: 20px; margin-top: 25px; }
.adminPage .winnerBanner { background: #fff8dd; border: 1px solid #ddc56e; border-radius: 5px; margin-top: 18px; color: #4d3c0c; }
.adminPage .winnerBanner p, .adminPage .winnerBanner .eyebrow { color: #5b4818; }
.adminPage .winnerBanner h2 { font-size: 26px; }
.adminPage .statusBadge { color: #31563e; border-color: #a8bbae; background: #edf5ef; }
.adminPage .status-waiting, .adminPage .status-scheduled { color: #725600; border-color: #d6bd66; background: #fff6cf; }
.adminPage .status-ready { color: #155d83; border-color: #9ac3dc; background: #e8f5ff; }
.adminPage .status-winner { color: #715200; border-color: #d4b75c; background: #fff1b4; }
.adminPage .status-void, .adminPage .status-cancelled { color: #8c302b; border-color: #d3a19b; background: #fff0ee; }
.adminPage .status-draft, .adminPage .status-not-selected { color: #526056; border-color: #bdc9bf; background: #f0f3f0; }
.adminPage .rafflesFooter, .adminPage .rafflesFooter a, .adminPage .launchList { color: #46604e; }
.adminPage .authIntro h1 { font-size: 36px; letter-spacing: -.6px; }
.adminPage .authIntro h1 span { color: #2b6a40; }
.adminPage .authIntro > p:not(.eyebrow) { color: #455b4d; }
.confirmationPanel { max-width: 820px; }
#raffle-editor { scroll-margin-top: 20px; }
@media(max-width:620px) { .winnerBanner { align-items: flex-start; gap: 16px; padding: 22px; } .winnerTrophy { font-size: 40px; } .adminPage .panel { padding: 17px; } .raffleEditor fieldset { padding: 14px; } .adminPage .pageHeading h1 { font-size: 25px; } .entryCountdown strong { white-space: normal; max-width: 280px; } }
@media(prefers-reduced-motion:reduce) { .winnerBanner.isCelebrating .winParticles i, .winnerBanner.isCelebrating .winnerTrophy { animation: none; } }
.adminPage .statusBadge { font-size: 12px; }
.statusList { display: flex; gap: 6px; flex-wrap: wrap; }
.adminPage .authFoot { color: #455b4d; }
.adminPage .authLayout { grid-template-columns: minmax(0, 520px); justify-content: center; gap: 0; padding-top: 40px; }
.adminPage .authIntro { display: none; }
.adminPage .authIntro .textLink { color: #145a32; }
.emailRecipients { max-height: 390px; overflow: auto; }
.emailRecipients input[type="checkbox"] { width: 20px; height: 20px; }
.emailPreview { border: 1px solid #cbd8cd; padding: 18px; margin: 18px 0; background: #f8faf8; }
.emailPreview pre, .emailBody { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: 14px; line-height: 1.7; max-width: 700px; }
.emailConnection p { margin: 10px 0; }
.serviceBar{padding:.65rem 1rem;text-align:center;background:#102a50;color:#d8e8ff;font-size:.85rem;border-bottom:1px solid #23466f}

.raffleEditor fieldset{border:1px solid #b7cbbf;border-radius:8px;padding:20px;margin:0 0 18px}.raffleEditor legend{font-weight:750;padding:0 8px}.raffleEditor .drawDelay{padding:16px;background:#edf5ef;border-radius:6px;color:#143728}.raffleEditor .drawDelay h3{margin-top:0}.raffleEditor .formDetails summary{cursor:pointer;padding:12px 0;font-weight:650}

.adminSystemControls{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 24px;background:#edf2ec;border-bottom:1px solid #c8d3c7}.adminSystemControls .systemButton{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #a5b3a5;border-radius:4px;background:#fff;color:#263b2a;font:600 13px system-ui;text-decoration:none;box-shadow:none}.adminSystemControls .systemDanger{background:#ad2930;border-color:#ad2930;color:#fff}.adminSystemControls .systemButton:hover{background:#e2e9e1}.adminSystemControls .systemDanger:hover{background:#8a1d24}.adminSystemControls .systemButton:focus-visible{outline:3px solid #173c75;outline-offset:3px}