@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--gold:#d4a843;--gold-light:#f0d78c;--dark:#0a0a0a;--dark-card:#161616;--dark-surface:#1e1e1e;--text:#f0f0f0;--text-secondary:#a0a0a0;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:16px;--transition:all .35s cubic-bezier(.4,0,.2,1)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--dark);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}
html{width:100%;max-width:100%}
img,video{max-width:100%;height:auto}
a{color:var(--gold);text-decoration:none}
.animated-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}
.orb-1{width:600px;height:600px;background:var(--gold);top:-200px;right:-100px}
.orb-2{width:400px;height:400px;background:var(--gold);bottom:-100px;left:-100px;animation-delay:-7s}
.dot-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(212,168,67,.12) 1.5px,transparent 1.5px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}
@keyframes float{0%,100%{transform:translate(0,0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}
.site-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.7);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,168,67,.08)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:10px}
.logo-icon{width:36px;height:36px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--dark)}
.inner-logo-image{display:block;width:148px;height:48px;object-fit:contain;object-position:left center}
@media(max-width:768px){.inner-logo-image{width:132px;height:42px}}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;position:relative;padding:4px 0;transition:var(--transition)}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gold);transition:var(--transition);transform:translateX(-50%);border-radius:2px}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-auth{display:flex;gap:12px}
.btn-nav{padding:10px 22px;border-radius:10px;font-size:.88rem;font-weight:600;transition:var(--transition);cursor:pointer;border:none}
.btn-nav-outline{background:transparent;color:var(--gold);border:1.5px solid rgba(212,168,67,.3)}
.btn-nav-solid{background:var(--gold);color:var(--dark)}
.btn-nav-solid:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,168,67,.3)}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--gold);font-size:1.6rem;cursor:pointer}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 24px 100px;overflow:hidden}
.hero-content{position:relative;z-index:2;max-width:900px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.15);color:var(--gold);padding:10px 24px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:40px}
.pulse{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.05;margin-bottom:28px;color:var(--text)}
.hero h1 .accent{color:var(--gold);position:relative;display:inline-block}
.hero h1 .accent::after{content:'';position:absolute;bottom:6px;left:-4px;right:-4px;height:12px;background:rgba(212,168,67,.15);border-radius:4px;z-index:-1}
.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:560px;margin:0 auto 44px;line-height:1.7}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:80px}
.hero-stat{text-align:center}
.hero-stat .stat-num{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--gold);display:block}
.hero-stat .stat-label{font-size:.85rem;color:#666;margin-top:4px}
.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#666;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;animation:bounce 2s infinite}
.mouse{width:24px;height:36px;border:2px solid #666;border-radius:12px;position:relative}
.mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--gold);border-radius:2px;animation:scrollWheel 2s infinite}
@keyframes scrollWheel{0%,100%{top:6px;opacity:1}50%{top:16px;opacity:0}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;position:relative;overflow:hidden}
.btn-gold{background:var(--gold);color:var(--dark);box-shadow:0 8px 32px rgba(212,168,67,.15)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 40px rgba(212,168,67,.25)}
.btn-outline{background:transparent;color:var(--gold);border:2px solid rgba(212,168,67,.4)}
.btn-outline:hover{background:rgba(212,168,67,.08);border-color:var(--gold)}
.btn-dark{background:var(--dark-surface);color:var(--text);border:1px solid rgba(255,255,255,.06)}
.btn-block{width:100%}
.btn-sm{padding:10px 20px;font-size:.88rem}
.section{position:relative;z-index:1;padding:120px 24px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}
.section-header{text-align:center;margin-bottom:64px}
.section-label{display:inline-block;color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;margin-bottom:16px;color:var(--text)}
.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:560px;margin:0 auto;line-height:1.7}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.info-card{background:rgba(22,22,22,.8);backdrop-filter:blur(10px);border:1px solid rgba(212,168,67,.08);border-radius:var(--radius);padding:40px 32px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}
.info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transition:var(--transition)}
.info-card:hover{transform:translateY(-6px);border-color:rgba(212,168,67,.2);box-shadow:0 8px 32px rgba(212,168,67,.15)}
.info-card:hover::before{transform:scaleX(1)}
.info-card .icon{width:72px;height:72px;margin:0 auto 24px;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:var(--transition)}
.info-card:hover .icon{background:rgba(212,168,67,.15);transform:scale(1.05)}
.info-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}
.info-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;position:relative}
.steps-grid::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:2px;background:rgba(212,168,67,.1);z-index:0}
.step-item{text-align:center;position:relative;z-index:1}
.step-circle{width:80px;height:80px;margin:0 auto 24px;background:var(--dark-card);border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--gold);position:relative;transition:var(--transition)}
.step-item:hover .step-circle{background:var(--gold);color:var(--dark);transform:scale(1.08);box-shadow:0 0 30px rgba(212,168,67,.3)}
.step-item h4{font-size:1.15rem;font-weight:600;margin-bottom:10px}
.step-item p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}
.cta-section{position:relative;padding:100px 24px;text-align:center;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(212,168,67,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(212,168,67,.05) 0%,transparent 50%)}
.cta-card{position:relative;z-index:1;max-width:700px;margin:0 auto;background:rgba(22,22,22,.9);backdrop-filter:blur(20px);border:1px solid rgba(212,168,67,.12);border-radius:24px;padding:60px 48px}
.cta-card h2{font-family:'Playfair Display',serif;font-size:2.2rem;margin-bottom:16px}
.cta-card p{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}
.form-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;position:relative}
.form-card{background:rgba(22,22,22,.95);backdrop-filter:blur(20px);border:1px solid rgba(212,168,67,.1);border-radius:var(--radius);padding:52px 44px;width:100%;max-width:520px;box-shadow:0 8px 32px rgba(0,0,0,.5);position:relative;z-index:1}
.form-card.wide{max-width:720px}
.form-header{text-align:center;margin-bottom:40px}
.form-header .form-icon{width:64px;height:64px;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 20px}
.form-header h2{font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:700;margin-bottom:8px}
.form-header p{color:var(--text-secondary);font-size:.95rem}
.form-group{margin-bottom:22px}
.form-group label{display:block;margin-bottom:8px;font-size:.88rem;font-weight:500;color:var(--text)}
.form-group label .required{color:var(--danger);margin-left:3px}
.form-control{width:100%;padding:14px 18px;background:var(--dark-surface);border:1.5px solid rgba(255,255,255,.06);border-radius:10px;color:var(--text);font-size:1rem;transition:var(--transition);font-family:inherit}
.form-control:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,168,67,.08)}
.form-control::placeholder{color:#555}
select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23a0a0a0'%3E%3Cpath d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-hint{font-size:.8rem;color:#666;margin-top:6px}
.form-file{position:relative}
.form-file input[type="file"]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}
.file-label{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:var(--dark-surface);border:2px dashed rgba(212,168,67,.2);border-radius:10px;cursor:pointer;transition:var(--transition);text-align:center}
.file-label:hover{border-color:var(--gold);background:rgba(212,168,67,.03)}
.file-label .file-icon{font-size:2.5rem;opacity:.7}
.file-label .file-text{font-size:.95rem;color:var(--text-secondary)}
.file-label .file-text strong{color:var(--gold);display:block;margin-bottom:4px}
.file-preview{margin-top:16px;max-width:220px;border-radius:10px;border:1px solid rgba(212,168,67,.2)}
.status-msg{margin-top:20px;padding:14px 18px;border-radius:10px;font-size:.92rem;font-weight:500;display:none;align-items:center;gap:10px}
.status-msg.show{display:flex}
.status-msg.success{background:rgba(34,197,94,.08);color:var(--success);border:1px solid rgba(34,197,94,.15)}
.status-msg.error{background:rgba(239,68,68,.08);color:var(--danger);border:1px solid rgba(239,68,68,.15)}
.status-msg.info{background:rgba(59,130,246,.08);color:var(--info);border:1px solid rgba(59,130,246,.15)}
.btn.is-loading{cursor:wait;opacity:.82;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn:disabled{cursor:not-allowed}
.button-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:dailyglo-spin .7s linear infinite}
@keyframes dailyglo-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.button-spinner{animation:none;border-right-color:currentColor;opacity:.7}}
.form-footer{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.9rem}
.form-footer a{color:var(--gold);font-weight:600}
.payment-methods{display:grid;gap:12px;margin-bottom:28px}
.payment-method{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--dark-surface);border:1.5px solid rgba(212,168,67,.15);border-radius:12px;cursor:pointer;transition:var(--transition)}

/* Frontend interaction states */
.mobile-menu{display:none}
.mobile-menu.show{display:block}
.animate-in{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.animate-in.visible{opacity:1;transform:translateY(0)}
.site-navbar.scrolled{background:rgba(10,10,10,.96);box-shadow:0 4px 24px rgba(0,0,0,.22)}
.faq-item.open .faq-question .icon{transform:rotate(180deg)}
.faq-question .icon{display:inline-block;transition:transform .25s ease}
@media (max-width:768px){
  .mobile-menu-btn{display:block}
  .nav-links,.nav-auth{display:none}
  .mobile-menu{position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:rgba(16,16,16,.98);border-top:1px solid rgba(212,168,67,.12);box-shadow:0 12px 24px rgba(0,0,0,.25);z-index:20}
  .mobile-menu.show{display:flex;flex-direction:column;gap:14px}
  .mobile-menu a{color:var(--text-secondary);text-decoration:none;padding:4px 0}
  .mobile-menu a:hover{color:var(--gold)}
  .mobile-auth{display:flex;gap:10px;padding-top:8px}
}

/* Homepage visual concept additions */
.hero-trust-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:28px auto 0;color:var(--text-secondary);font-size:.78rem}
.hero-trust-row span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(212,168,67,.1);border-radius:999px;background:rgba(22,22,22,.55)}
.hero-trust-row strong{color:var(--gold)}
.draw-preview{display:grid;grid-template-columns:1.2fr auto auto;align-items:center;gap:24px;max-width:900px;margin:34px auto 0;padding:22px 24px;text-align:left;background:rgba(22,22,22,.72);border:1px solid rgba(212,168,67,.15);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.draw-preview-copy .section-label{margin-bottom:6px;font-size:.68rem}
.draw-preview-copy h3{font-family:'Playfair Display',serif;font-size:1.25rem;margin-bottom:4px}
.draw-note{color:#777;font-size:.72rem;line-height:1.45;max-width:290px}
.countdown{display:flex;align-items:center;gap:8px;color:var(--gold);white-space:nowrap}
.countdown span{display:flex;flex-direction:column;align-items:center;min-width:44px}
.countdown strong{font-family:'Playfair Display',serif;font-size:1.65rem;line-height:1}
.countdown small{color:#777;font-size:.62rem;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}
.countdown b{color:#735a25;font-size:1.3rem;margin-bottom:16px}
.jackpot-preview{min-width:150px;padding-left:24px;border-left:1px solid rgba(212,168,67,.12)}
.jackpot-preview small{display:block;color:#777;font-size:.72rem;margin-bottom:6px}
.jackpot-preview strong{color:var(--gold-light);font-size:.95rem}
.trust-strip{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 22px;margin:0 auto 42px;border:1px solid rgba(212,168,67,.1);border-radius:14px;background:rgba(22,22,22,.5);color:var(--text-secondary);font-size:.82rem}
.trust-strip-label{color:var(--gold);font-weight:700;letter-spacing:.04em}
.member-proof{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding:28px 30px;border:1px solid rgba(212,168,67,.12);border-radius:18px;background:linear-gradient(110deg,rgba(212,168,67,.08),rgba(22,22,22,.65))}
.member-proof .section-label{margin-bottom:8px;font-size:.68rem}
.member-proof h3{font-family:'Playfair Display',serif;font-size:1.35rem;margin-bottom:6px}
.member-proof p{color:var(--text-secondary);font-size:.88rem;max-width:650px}
@media (max-width:800px){
  .draw-preview{grid-template-columns:1fr;gap:16px;text-align:center}
  .draw-preview-copy{display:flex;flex-direction:column;align-items:center}
  .jackpot-preview{border-left:0;border-top:1px solid rgba(212,168,67,.12);padding:14px 0 0;min-width:0;width:100%;text-align:center}
  .member-proof{align-items:flex-start;flex-direction:column}
}
@media (max-width:520px){
  .hero-trust-row{gap:8px}
  .hero-trust-row span{font-size:.7rem;padding:7px 9px}
  .trust-strip{gap:10px;justify-content:flex-start}
}

/* Reference concept: neon lottery landing page */
:root{--neon:#28d7ff;--neon-deep:#0877d6;--navy:#06142b;--gold-bright:#ffd45b}
.reference-home{background:linear-gradient(145deg,#020714 0%,#06182f 54%,#020814 100%);color:#eef8ff}
.reference-home .animated-bg .orb{background:var(--neon);opacity:.12}
.reference-home .animated-bg .orb-2{background:#3158ff;opacity:.12}
.reference-home .site-navbar{background:rgba(2,8,20,.82);border-bottom-color:rgba(40,215,255,.16)}
.reference-home .nav-logo{color:var(--neon)}
.reference-home .logo-icon{background:linear-gradient(145deg,var(--neon),#145bdf);color:#031326;border-radius:8px;font-size:.78rem;font-weight:800}
.reference-home .nav-links a:hover,.reference-home .nav-links a.active{color:var(--neon)}
.reference-home .btn-nav-solid{background:linear-gradient(135deg,var(--neon),#1787e9);color:#021126}
.reference-home .hero-badge{background:rgba(40,215,255,.08);border-color:rgba(40,215,255,.28);color:var(--neon)}
.reference-hero{position:relative;z-index:1;min-height:720px;max-width:1280px;margin:0 auto;padding:154px 36px 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}
.reference-hero-content h1{font-family:'Playfair Display',serif;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.95;letter-spacing:.02em;margin:24px 0;color:#f7fbff}
.neon-text{color:var(--neon);text-shadow:0 0 12px rgba(40,215,255,.42),0 0 34px rgba(40,215,255,.2)}
.reference-hero-content>p{max-width:560px;color:#9bb4ce;font-size:1.05rem;line-height:1.75;margin-bottom:30px}
.btn-neon{background:linear-gradient(135deg,#36e7ff,#157bdd);color:#021126;box-shadow:0 8px 28px rgba(40,215,255,.22)}
.btn-neon:hover{background:linear-gradient(135deg,#8af2ff,#39a9ff);box-shadow:0 12px 40px rgba(40,215,255,.34)}
.btn-whatsapp{background:rgba(22,190,112,.12);border:1px solid rgba(53,221,143,.45);color:#58e9a1}
.reference-home .hero-trust-row{justify-content:flex-start;margin-left:0;color:#91aac5}
.reference-home .hero-trust-row span{border-color:rgba(40,215,255,.15);background:rgba(7,28,53,.68)}
.reference-home .hero-trust-row strong{color:var(--neon)}
.draw-panel{position:relative;overflow:hidden;padding:34px 32px 26px;text-align:center;border:1px solid rgba(40,215,255,.4);border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(19,103,193,.34),transparent 48%),linear-gradient(155deg,rgba(8,37,73,.95),rgba(2,12,30,.95));box-shadow:0 0 0 1px rgba(40,215,255,.08),0 22px 70px rgba(0,0,0,.35),inset 0 0 48px rgba(40,215,255,.06)}
.draw-panel::before{content:'';position:absolute;inset:12px;border:1px solid rgba(40,215,255,.12);border-radius:21px;pointer-events:none}
.draw-panel-top{position:relative;color:var(--neon);font-weight:800;letter-spacing:.18em;font-size:.72rem}.draw-panel-top em{color:#ff5d78;font-style:normal;margin-left:8px;font-size:.58rem}.live-dot{display:inline-block;width:8px;height:8px;background:#ff526e;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #ff526e;animation:pulse 1.5s infinite}
.draw-date{position:relative;margin-top:18px;font-family:'Playfair Display',serif;font-size:1.55rem;color:#fff}.draw-time{position:relative;margin-top:4px;color:#8da7c5;font-size:.76rem}
.neon-countdown{position:relative;justify-content:center;gap:10px;margin:28px 0 16px}.neon-countdown span{min-width:72px;padding:13px 8px;border:1px solid rgba(40,215,255,.3);border-radius:9px;background:rgba(2,11,29,.76);box-shadow:inset 0 0 18px rgba(40,215,255,.06)}.neon-countdown strong{font-family:Inter,sans-serif;font-size:2rem;color:#fff;text-shadow:0 0 12px rgba(40,215,255,.65)}.neon-countdown small{color:var(--neon);font-size:.58rem}.draw-status{position:relative;color:#7691ae;font-size:.68rem}.jackpot-chip{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:10px 16px;border:1px solid rgba(255,212,91,.42);border-radius:999px;background:rgba(255,190,45,.1);color:var(--gold-bright);font-size:.76rem}.jackpot-chip strong{color:#fff}.number-balls{position:relative;display:flex;justify-content:center;gap:12px;margin-top:24px}.number-balls i{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;font-style:normal;font-weight:800;color:#062041;background:linear-gradient(145deg,#fff,#47caff);box-shadow:0 4px 14px rgba(40,215,255,.32)}.number-balls i:nth-child(even){background:linear-gradient(145deg,#fff2a8,#f1ad2f)}
.stats-bar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1160px;margin:-10px auto 0;padding:23px 28px;border:1px solid rgba(40,215,255,.16);border-radius:18px;background:rgba(4,24,49,.84);box-shadow:0 14px 45px rgba(0,0,0,.2)}.stats-bar div{text-align:center;border-right:1px solid rgba(40,215,255,.13)}.stats-bar div:last-child{border-right:0}.stats-bar strong{display:block;color:#fff;font-size:1.22rem}.stats-bar span{display:block;color:#7591af;font-size:.72rem;margin-top:4px}
.reference-section{max-width:1160px}.reference-home .section-label{color:var(--neon)}.reference-home .section-title{color:#f5fbff}.reference-home .section-subtitle{color:#8da6c0}.reference-card-grid{gap:18px}.reference-card{padding:30px 22px;background:linear-gradient(160deg,rgba(11,46,83,.82),rgba(4,17,39,.84));border-color:rgba(40,215,255,.16);box-shadow:inset 0 0 24px rgba(40,215,255,.03)}.reference-card::before{background:linear-gradient(90deg,var(--neon),#5868ff)}.reference-card:hover{border-color:rgba(40,215,255,.5);box-shadow:0 12px 32px rgba(40,215,255,.12)}.reference-card .neon-icon{color:var(--neon);background:rgba(40,215,255,.08);border-color:rgba(40,215,255,.2)}.reference-card h3{color:#f2faff}.reference-card p{color:#8ba6c0}
.reference-steps .step-circle{border-color:var(--neon);color:var(--neon);background:#071c39;box-shadow:0 0 20px rgba(40,215,255,.12)}.reference-steps .step-item:hover .step-circle{background:var(--neon);color:#031326}.process-section .steps-grid::before{background:linear-gradient(90deg,transparent,rgba(40,215,255,.5),transparent)}.reference-cta{padding-top:45px}.reference-cta .cta-card{background:linear-gradient(145deg,rgba(8,47,86,.92),rgba(3,17,37,.94));border-color:rgba(40,215,255,.22)}.reference-cta .cta-card p{color:#9bb6ce}.reference-home .site-footer{background:#020a18;border-top-color:rgba(40,215,255,.13)}.reference-home .footer-brand p,.reference-home .footer-bottom{color:#6f89a5}
@media(max-width:900px){.reference-hero{grid-template-columns:1fr;padding-top:130px}.reference-hero-content{text-align:center}.reference-hero-content>p{margin-left:auto;margin-right:auto}.reference-home .hero-trust-row{justify-content:center;margin-left:auto}.draw-panel{max-width:620px;margin:0 auto;width:100%}.stats-bar{margin:15px 24px 0}}
@media(max-width:600px){.reference-hero{padding:120px 18px 42px;min-height:auto}.reference-hero-content h1{font-size:clamp(2.7rem,15vw,4.3rem)}.reference-hero-content>p{font-size:.92rem}.reference-home .hero-buttons{gap:10px}.reference-home .hero-buttons .btn{padding:13px 17px;font-size:.85rem}.draw-panel{padding:28px 16px 22px}.neon-countdown{gap:5px}.neon-countdown span{min-width:55px;padding:10px 4px}.neon-countdown strong{font-size:1.45rem}.stats-bar{grid-template-columns:repeat(2,1fr);padding:18px 10px;gap:15px}.stats-bar div:nth-child(2){border-right:0}.stats-bar div:nth-child(3){border-top:1px solid rgba(40,215,255,.13);padding-top:15px}.stats-bar div:nth-child(4){border-top:1px solid rgba(40,215,255,.13);padding-top:15px}.number-balls{gap:7px}.number-balls i{width:32px;height:32px;font-size:.82rem}}


/* Shared DailyGlo visual system for all inner pages */
body:not(.reference-home) {
  background: radial-gradient(circle at 84% 0%, rgba(255,190,45,.14), transparent 28rem), linear-gradient(135deg,#020711 0%,#061a35 54%,#020812 100%);
  color: #eaf5ff;
}
body:not(.reference-home) .animated-bg { opacity: .45; }
body:not(.reference-home) .site-navbar { background: rgba(2,8,20,.88); border-bottom-color: rgba(40,215,255,.14); backdrop-filter: blur(18px); }
body:not(.reference-home) .nav-logo { color: #fff; letter-spacing: .02em; }
body:not(.reference-home) .nav-logo .logo-icon { color: #06152b; background: linear-gradient(135deg,#fff0a5,#f0a91f); box-shadow: 0 0 22px rgba(255,194,60,.32); }
body:not(.reference-home) .nav-links a { color: #9bb8d5; }
body:not(.reference-home) .nav-links a:hover, body:not(.reference-home) .nav-links a.active { color: #42ddff; }
body:not(.reference-home) .btn-nav-outline, body:not(.reference-home) .btn-outline { border-color: rgba(40,215,255,.48); color: #55e1ff; }
body:not(.reference-home) .btn-nav-solid, body:not(.reference-home) .btn-gold { background: linear-gradient(135deg,#ffd96b,#e89d1e); color: #06152b; box-shadow: 0 10px 28px rgba(255,190,45,.18); }
body:not(.reference-home) .section { position: relative; z-index: 1; }
body:not(.reference-home) .section-header { max-width: 760px; }
body:not(.reference-home) .section-label { color: #3edcff; letter-spacing: .18em; }
body:not(.reference-home) .section-title { color: #f6fbff; text-shadow: 0 0 20px rgba(40,215,255,.12); }
body:not(.reference-home) .section-subtitle { color: #8ea9c4; }
body:not(.reference-home) .form-page { min-height: 100vh; padding-top: 132px; padding-bottom: 70px; }
body:not(.reference-home) .form-card, body:not(.reference-home) .contact-info, body:not(.reference-home) .faq-item, body:not(.reference-home) .admin-login-overlay .form-card {
  background: linear-gradient(160deg, rgba(9,42,77,.9), rgba(3,14,31,.94));
  border: 1px solid rgba(40,215,255,.19);
  box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 0 28px rgba(40,215,255,.025);
  border-radius: 18px;
}
body:not(.reference-home) .form-card::before { background: linear-gradient(90deg,#35dbff,#ffc94e); }
body:not(.reference-home) .form-header h2, body:not(.reference-home) .form-header h3, body:not(.reference-home) .contact-info h3 { color: #fff; }
body:not(.reference-home) .form-header p, body:not(.reference-home) .form-hint, body:not(.reference-home) .form-footer, body:not(.reference-home) .contact-item p { color: #8ea9c4; }
body:not(.reference-home) .form-control { background: rgba(1,10,25,.72); border-color: rgba(116,165,203,.25); color: #f4fbff; }
body:not(.reference-home) .form-control:focus { border-color: #39dfff; box-shadow: 0 0 0 3px rgba(40,215,255,.12), 0 0 24px rgba(40,215,255,.08); }
body:not(.reference-home) .form-group label { color: #cfe4f8; }
body:not(.reference-home) .form-icon { background: rgba(40,215,255,.1); color: #45ddff; border-color: rgba(40,215,255,.2); }
body:not(.reference-home) .contact-grid { position: relative; z-index: 1; }
body:not(.reference-home) .contact-item { border-bottom-color: rgba(40,215,255,.13); }
body:not(.reference-home) .contact-item .icon { color: #ffd05b; background: rgba(255,190,45,.1); border-color: rgba(255,190,45,.25); }
body:not(.reference-home) .contact-item a, body:not(.reference-home) .faq-answer-inner a { color: #4de0ff; }
body:not(.reference-home) .muted-detail { color: #7591ad; font-size: .82em; }
body:not(.reference-home) .faq-question { color: #eef8ff; }
body:not(.reference-home) .faq-question .icon { color: #ffd05b; }
body:not(.reference-home) .faq-answer-inner { color: #9db6cc; }
body:not(.reference-home) .payment-method { background: rgba(3,17,38,.72); border-color: rgba(40,215,255,.15); }
body:not(.reference-home) .payment-method.active { border-color: #3edcff; box-shadow: 0 0 22px rgba(40,215,255,.11); }
body:not(.reference-home) .payment-method .pm-icon { color: #ffd05b; }
body:not(.reference-home) .file-label { border-color: rgba(255,190,45,.42); background: rgba(255,190,45,.06); color: #ffe69a; }
body:not(.reference-home) .file-label:hover { border-color: #3edcff; background: rgba(40,215,255,.08); }
body:not(.reference-home) .admin-page { padding-top: 130px; background: transparent; }
body:not(.reference-home) .admin-header, body:not(.reference-home) .stat-card, body:not(.reference-home) .data-table-wrap { background: linear-gradient(160deg,rgba(9,42,77,.9),rgba(3,14,31,.94)); border-color: rgba(40,215,255,.18); }
body:not(.reference-home) .stat-value { color: #fff; }
body:not(.reference-home) .stat-label { color: #8ea9c4; }
body:not(.reference-home) .data-table th { color: #42ddff; background: rgba(40,215,255,.06); }
body:not(.reference-home) .data-table td { color: #c8dced; border-color: rgba(40,215,255,.1); }
body:not(.reference-home) .site-footer { background: #020914; border-top-color: rgba(40,215,255,.14); }
body:not(.reference-home) .footer-brand p, body:not(.reference-home) .footer-bottom { color: #718da8; }
body:not(.reference-home) .mobile-menu { background: rgba(3,14,31,.97); border-color: rgba(40,215,255,.18); }
.local-zone { color: #6f8ca8; font-size: .78em; }
.countdown-ended { border-color: rgba(255,190,45,.58); }
.countdown-ended::after { content: 'Draw window reached'; display: block; color: #ffd05b; margin-top: 8px; font-size: .72rem; letter-spacing: .08em; }
@media (max-width: 720px) {
  body:not(.reference-home) .form-page { padding-top: 112px; padding-left: 16px; padding-right: 16px; }
  body:not(.reference-home) .contact-grid { grid-template-columns: 1fr; }
  body:not(.reference-home) .nav-links, body:not(.reference-home) .nav-auth { display: none; }
  body:not(.reference-home) .mobile-menu-btn { display: block; }
  body:not(.reference-home) .form-card { padding: 36px 24px; }
  body:not(.reference-home) .form-row { grid-template-columns: 1fr; }
}
@media (max-width: 380px) {
  body:not(.reference-home) .form-card { padding: 28px 16px; }
  body:not(.reference-home) .nav-inner { padding: 0 16px; }
}
/* Universal page sizing guardrails: prevents horizontal overflow and fixes page width on PC & mobile */
@media (min-width: 1281px) {
  .nav-inner, .section, .form-page, .reference-poster-page { max-width: 1280px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 480px) {
  .form-control { font-size: 16px; padding: 13px 14px; }
  .btn { font-size: .95rem; }
}


/* Showcase gallery */
.showcase-section { padding-top: 72px; }
.showcase-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.showcase-card { margin:0; overflow:hidden; position:relative; border:1px solid rgba(40,215,255,.2); border-radius:18px; background:linear-gradient(160deg,rgba(9,42,77,.9),rgba(3,14,31,.96)); box-shadow:0 18px 45px rgba(0,0,0,.24); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.showcase-card:hover { transform:translateY(-7px); border-color:rgba(255,202,78,.62); box-shadow:0 18px 55px rgba(40,215,255,.12); }
.showcase-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; opacity:.86; filter:saturate(.82) contrast(1.05); transition:transform .45s ease,opacity .45s ease; }
.showcase-card:hover img { transform:scale(1.04); opacity:1; }
.showcase-card figcaption { display:flex; align-items:center; gap:12px; padding:14px 16px; color:#d9efff; font-size:.82rem; }
.showcase-card figcaption strong { color:#ffd05b; font-size:.72rem; letter-spacing:.12em; }
@media (max-width:900px) { .showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .showcase-grid { grid-template-columns:1fr; } .showcase-card img { aspect-ratio:16/10; } }


/* Contact page layout repair */
body:not(.reference-home) .contact-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:28px; align-items:start; max-width:1120px; margin:0 auto; }
body:not(.reference-home) .contact-info { padding:30px; }
body:not(.reference-home) .contact-info h3 { margin:0 0 22px; font-size:1.15rem; }
body:not(.reference-home) .contact-item { display:flex; align-items:flex-start; gap:14px; padding:16px 0; }
body:not(.reference-home) .contact-item:first-of-type { padding-top:0; }
body:not(.reference-home) .contact-item:last-child { border-bottom:0; padding-bottom:0; }
body:not(.reference-home) .contact-item .icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:12px; }
body:not(.reference-home) .contact-item h4 { margin:0 0 4px; color:#dff5ff; }
body:not(.reference-home) .contact-item p { margin:0; line-height:1.55; }
body:not(.reference-home) .contact-grid .form-card { margin:0; }
@media (max-width:820px) { body:not(.reference-home) .contact-grid { grid-template-columns:1fr; } }


/* DailyGlo reference-match homepage: compact lottery agency layout */
.compact-home{--ink:#020916;--navy-card:#071d3a;--blue:#21d6ff;--blue-soft:#8deeff;--gold:#f5c94f;--gold-soft:#ffe69b;background:radial-gradient(circle at 50% 18%,rgba(10,89,151,.3),transparent 34rem),linear-gradient(180deg,#020611 0%,#06152d 52%,#020814 100%);font-family:Inter,system-ui,sans-serif}
.compact-home .animated-bg{opacity:.34}.compact-home .orb{background:#0aa9ff}.compact-home .orb-2{background:#274cff}.compact-home .dot-grid{background-image:radial-gradient(rgba(36,214,255,.17) 1px,transparent 1px);background-size:26px 26px}
.compact-home .site-navbar{position:relative;background:rgba(1,8,20,.94);border-bottom:1px solid rgba(40,215,255,.17);backdrop-filter:none}.compact-home .nav-inner{height:68px;max-width:1100px;padding:0 18px}.brand-lockup{display:flex;align-items:center;gap:8px;color:#fff}.logo-emblem{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#fff4a6,#ba7723 72%);color:#13233a;font-size:1.45rem;box-shadow:0 0 14px rgba(245,201,79,.4);transform:rotate(-18deg)}.brand-copy{display:flex;flex-direction:column;line-height:.95;letter-spacing:.06em}.brand-copy strong{font-family:'Barlow Condensed',sans-serif;font-size:1.33rem;letter-spacing:.08em}.brand-copy small{font-size:.42rem;letter-spacing:.2em;color:#d3dce7;margin-top:5px}.compact-home .nav-links{gap:18px}.compact-home .nav-links a{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#c0d1e2}.compact-home .nav-links a::after{background:var(--blue)}.compact-home .nav-auth{gap:7px}.compact-home .btn-nav{padding:8px 13px;border-radius:5px;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.compact-home .btn-nav-outline{color:#eaf7ff;border-color:rgba(224,240,255,.5)}.compact-home .btn-nav-solid{background:linear-gradient(135deg,#34dfff,#1689de);color:#021126;box-shadow:0 0 14px rgba(33,214,255,.2)}
.compact-hero{min-height:430px;display:block;position:relative;max-width:1100px;padding:72px 18px 28px;text-align:center;overflow:hidden}.city-silhouette{position:absolute;inset:110px 0 0;background:linear-gradient(180deg,transparent 0%,rgba(9,91,147,.05) 38%,rgba(9,91,147,.3) 100%),repeating-linear-gradient(90deg,transparent 0 4%,rgba(37,164,226,.15) 4.1% 4.5%,transparent 4.6% 8%);clip-path:polygon(0 72%,6% 62%,10% 72%,14% 46%,18% 67%,22% 57%,26% 75%,32% 44%,36% 69%,42% 51%,46% 75%,52% 40%,56% 68%,62% 51%,66% 74%,70% 48%,76% 70%,81% 43%,86% 64%,91% 53%,96% 69%,100% 56%,100% 100%,0 100%);opacity:.42;pointer-events:none}.hero-heading{position:relative;z-index:1}.hero-kicker{display:inline-block;padding:6px 14px;border:1px solid rgba(33,214,255,.55);border-radius:999px;color:var(--blue-soft);font-size:.58rem;font-weight:800;letter-spacing:.18em;text-shadow:0 0 10px rgba(33,214,255,.65);background:rgba(5,45,84,.7)}.compact-hero h1{margin:16px 0 7px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.65rem,7vw,4.8rem);font-weight:800;line-height:.95;letter-spacing:.05em;color:#f5fbff;text-shadow:0 0 18px rgba(33,214,255,.46)}.hero-time{color:#b8d1e6;font-size:.73rem;letter-spacing:.08em}.hero-time span{color:var(--blue);padding:0 4px}.compact-hero .draw-panel{position:relative;z-index:1;max-width:620px;margin:18px auto 0;padding:16px 20px 13px;border-radius:18px;border-color:rgba(33,214,255,.75);background:linear-gradient(180deg,rgba(7,52,96,.92),rgba(2,16,37,.97));box-shadow:0 0 0 2px rgba(33,214,255,.08),0 0 28px rgba(33,214,255,.34),inset 0 0 28px rgba(33,214,255,.12)}.compact-hero .draw-panel::before{inset:7px;border-color:rgba(141,238,255,.16);border-radius:13px}.compact-hero .neon-countdown{margin:0 auto 7px;gap:4px;justify-content:center}.compact-hero .neon-countdown span{min-width:70px;padding:9px 5px;border:1px solid rgba(141,238,255,.34);border-radius:5px;background:rgba(0,10,28,.88);box-shadow:inset 0 0 12px rgba(33,214,255,.14)}.compact-hero .neon-countdown strong{font-family:'Barlow Condensed',sans-serif;font-size:2.15rem;line-height:.9;color:#f5fbff;text-shadow:0 0 10px rgba(33,214,255,.8)}.compact-hero .neon-countdown small{margin-top:5px;color:#d1edff;font-size:.48rem;letter-spacing:.12em}.compact-hero .neon-countdown b{color:var(--blue);font-size:1.45rem;margin:0 0 16px}.countdown-caption{color:var(--blue);font-family:'Barlow Condensed',sans-serif;letter-spacing:.35em;font-size:.51rem;font-weight:700}.local-time-line{position:relative;margin-top:8px;color:#7593b1;font-size:.55rem}.local-time-line strong{color:#e6f8ff}.local-time-line span{display:block;margin-top:2px;color:#536f8c}
.compact-trust{position:relative;z-index:2;max-width:1050px;margin:-1px auto 20px;padding:12px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-radius:10px;border-color:rgba(33,214,255,.22);background:rgba(4,24,50,.92);box-shadow:0 10px 35px rgba(0,0,0,.28)}.compact-trust div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;text-align:left;align-items:center}.trust-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:1.25rem;text-shadow:0 0 10px rgba(33,214,255,.8)}.compact-trust strong{color:#effaff;font-size:.55rem;letter-spacing:.04em}.compact-trust small{color:#7392af;font-size:.48rem}.split-section{display:grid;grid-template-columns:1.28fr .92fr;gap:10px;padding:14px 18px 20px;max-width:1100px}.panel-glow{border:1px solid rgba(33,214,255,.28);border-radius:13px;background:linear-gradient(160deg,rgba(7,47,88,.92),rgba(2,15,35,.96));box-shadow:inset 0 0 25px rgba(33,214,255,.06),0 12px 30px rgba(0,0,0,.25)}.workflow-panel,.results-panel{padding:14px}.panel-heading{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:13px}.panel-heading span{height:1px;flex:0 1 46px;background:linear-gradient(90deg,transparent,var(--blue))}.panel-heading span:last-child{background:linear-gradient(90deg,var(--blue),transparent)}.panel-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:.82rem;letter-spacing:.1em;color:var(--blue-soft);white-space:nowrap}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.workflow-step{position:relative;text-align:center;padding:4px 2px}.workflow-step>span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 auto 5px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-size:.63rem}.workflow-art{min-height:42px;display:flex;align-items:center;justify-content:center;gap:2px;color:#e5f5ff;font-size:1.55rem;text-shadow:0 0 11px rgba(33,214,255,.55)}.workflow-art b{color:var(--gold);font-size:.65rem}.workflow-step strong{display:block;color:#f3faff;font-size:.55rem;margin-top:3px}.workflow-step small{display:block;color:#7b98b3;font-size:.47rem;line-height:1.35;margin-top:3px}.compact-cta{display:flex;max-width:245px;margin:15px auto 0;padding:9px 16px;border-radius:6px;font-size:.6rem;letter-spacing:.05em;box-shadow:0 0 16px rgba(33,214,255,.25)}.results-heading{justify-content:space-between}.results-heading h2{font-size:.8rem}.results-heading a{font-size:.52rem;color:var(--blue);font-weight:700}.public-result-empty{min-height:174px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:12px;border:1px dashed rgba(141,238,255,.18);border-radius:8px;background:rgba(1,10,26,.28)}.empty-orbit{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);box-shadow:0 0 14px rgba(245,201,79,.18);margin-bottom:9px}.public-result-empty strong{color:#edfaff;font-size:.68rem}.public-result-empty p{max-width:210px;color:#7794ae;font-size:.53rem;line-height:1.5;margin:5px 0 8px}.text-link{color:var(--blue);font-size:.55rem;font-weight:700}.compact-feature-row{max-width:1064px;margin:0 auto 20px;padding:15px 20px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(33,214,255,.12);border-bottom:1px solid rgba(33,214,255,.12);background:rgba(4,27,54,.72)}.compact-feature-row div{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:7px;padding:0 15px;border-right:1px solid rgba(33,214,255,.12)}.compact-feature-row div:last-child{border-right:0}.compact-feature-row strong{grid-row:1/3;color:var(--blue);font-size:1.3rem}.compact-feature-row b{color:#dff6ff;font-size:.54rem;letter-spacing:.05em}.compact-feature-row small{color:#7392ad;font-size:.47rem}.compact-footer{background:#020812;border-top-color:rgba(33,214,255,.17);padding-top:28px}.compact-footer .footer-brand p{color:#708da8;font-size:.65rem}.compact-footer .footer-bottom{font-size:.56rem;color:#617c97}.compact-footer .footer-links-group h4{font-size:.65rem;color:var(--blue-soft)}.compact-footer .footer-links-group a{font-size:.6rem;color:#7894ad}
@media(max-width:760px){.compact-home .nav-inner{height:62px}.compact-home .nav-links,.compact-home .nav-auth{display:none}.compact-home .mobile-menu-btn{display:block;color:var(--blue);font-size:1.35rem}.compact-hero{padding-top:42px;min-height:405px}.compact-hero h1{font-size:clamp(2.5rem,12vw,4rem)}.compact-hero .neon-countdown span{min-width:57px}.compact-hero .neon-countdown strong{font-size:1.75rem}.compact-trust{grid-template-columns:repeat(2,1fr);margin:0 12px 13px}.split-section{grid-template-columns:1fr;padding:10px 12px 15px}.workflow-steps{gap:3px}.workflow-step small{font-size:.43rem}.compact-feature-row{grid-template-columns:repeat(2,1fr);margin:0 12px 16px;padding:12px 4px}.compact-feature-row div{padding:8px 9px}.compact-feature-row div:nth-child(2){border-right:0}.compact-feature-row div:nth-child(3),.compact-feature-row div:nth-child(4){border-top:1px solid rgba(33,214,255,.12)}.compact-footer{padding:28px 20px 18px}.compact-footer .footer-top{gap:26px}.compact-footer .footer-links-group{gap:20px}}
@media(max-width:430px){  .compact-hero .draw-panel{padding-left:8px;padding-right:8px}.compact-hero .neon-countdown{gap:1px}.compact-hero .neon-countdown span{min-width:50px}.compact-hero .neon-countdown strong{font-size:1.48rem}.compact-hero .neon-countdown b{font-size:1.1rem}.compact-trust div{grid-template-columns:22px 1fr}.trust-icon{font-size:1rem}.compact-trust strong{font-size:.48rem}.compact-trust small{font-size:.42rem}.workflow-panel,.results-panel{padding:11px 8px}.workflow-step strong{font-size:.48rem}.workflow-step small{font-size:.39rem}.panel-heading h2{font-size:.7rem}
  .live-countdown-wrap .neon-countdown span{min-width:58px}.live-countdown-wrap .neon-countdown strong{font-size:1.6rem}.live-countdown-wrap .neon-countdown b{font-size:1rem;margin:0}}

/* Prevent any page from overflowing horizontally on PC or mobile */
@media (min-width: 1281px) {
  .nav-inner, .section, .reference-hero, .split-section, .stats-bar, .reference-section, .showcase-section { max-width: 1280px; }
}

/* Navbar safety: never let nav items clip or overflow at any window width */
@media (max-width: 1024px) {
  .nav-inner { padding: 0 18px; }
  .nav-links { gap: 20px; }
  .nav-links a { font-size: .85rem; }
  .btn-nav { padding: 9px 16px; font-size: .82rem; }
  .nav-logo { font-size: 1.35rem; gap: 8px; }
  .logo-icon { width: 32px; height: 32px; font-size: 1.05rem; }
}
@media (max-width: 860px) {
  .nav-links { gap: 12px; }
  .btn-nav { padding: 8px 12px; }
}
@media (min-width: 721px) and (max-width: 860px) {
  .nav-links a:nth-child(n+3) { display: none; }
}

/* Reference logo asset lockup */
.compact-home .brand-logo-image{display:block;width:148px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
.compact-home .footer-brand .brand-logo-image{width:154px;max-height:54px}
@media(max-width:760px){.compact-home .brand-logo-image{width:142px;max-height:44px}.compact-home .footer-brand .brand-logo-image{width:148px}}

/* Recent winners panel — user-provided entries only */
.winners-panel { min-height: 100%; }
.winner-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.winner-card { display: flex; align-items: flex-start; gap: 10px; padding: 14px 10px; border: 1px solid rgba(80, 193, 255, .23); border-radius: 10px; background: linear-gradient(145deg, rgba(3, 45, 80, .72), rgba(2, 17, 37, .9)); box-shadow: inset 0 0 22px rgba(0, 188, 255, .05); }
.winner-avatar { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 211, 77, .9); border-radius: 50%; color: #ffe37a; font-weight: 800; font-size: 1rem; background: rgba(0, 18, 42, .8); }
.winner-copy { min-width: 0; display: grid; gap: 3px; }
.winner-copy strong { color: #f2f8ff; font-size: .8rem; }
.winner-copy span { color: rgba(199, 219, 236, .72); font-size: .61rem; line-height: 1.25; }
.winner-copy b { margin-top: 4px; color: #54d7ff; font-size: .52rem; letter-spacing: .12em; }
.winner-copy em { color: #ffe078; font-style: normal; font-size: .75rem; font-weight: 800; }
.winner-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(94, 198, 255, .16); }
.winner-list > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: center; padding: 6px 0; }
.winner-list strong { color: #f3f8ff; font-size: .7rem; }
.winner-list span { grid-column: 1; color: rgba(199, 219, 236, .64); font-size: .58rem; }
.winner-list b { grid-column: 2; grid-row: 1 / span 2; color: #ffe078; font-size: .65rem; white-space: nowrap; }
@media (max-width: 820px) {
  .winner-feature-grid { grid-template-columns: 1fr; }
  .winner-card { padding: 11px 9px; }
}
@media (max-width: 520px) {
  .winner-list { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .winner-card { transition: none; }
}

/* Fixed reference canvas for the Home page; mobile remains content-driven. */
@media (min-width: 761px) {
  .compact-home main { width: 100%; max-width: 1280px; margin-inline: auto; }
  .compact-home .compact-hero { min-height: 430px; }
  .compact-home .compact-trust { width: min(calc(100% - 48px), 1064px); min-height: 58px; }
  .compact-home .split-section { width: min(calc(100% - 36px), 1244px); min-height: 318px; }
  .compact-home .workflow-panel,
  .compact-home .results-panel { min-height: 292px; }
  .compact-home .compact-feature-row { min-height: 58px; box-sizing: border-box; }
}
@media (max-width: 760px) {
  .compact-home main,
  .compact-home .compact-hero,
  .compact-home .split-section,
  .compact-home .compact-feature-row { width: 100%; min-height: auto; }
  .compact-home .split-section { box-sizing: border-box; }
}

/* Exact reference composition: poster frame scales as one stable visual canvas. */
.exact-reference-home { min-height:100vh; margin:0; background:#02060e; color:#f4f8ff; overflow-x:hidden; }
.reference-poster-page { width:min(100%,733px); margin:0 auto; background:#02060e; }
.reference-poster-frame { position:relative; width:100%; aspect-ratio:733 / 1100; overflow:hidden; background:#02060e; }
.reference-poster-image { display:block; width:100%; height:100%; object-fit:cover; user-select:none; }
.reference-hotspots { position:absolute; inset:0; z-index:2; }
.poster-hotspot { position:absolute; display:block; border-radius:7px; outline:none; }
.poster-hotspot:focus-visible { box-shadow:0 0 0 3px #ffe16b,0 0 18px #18cfff; background:rgba(24,207,255,.14); }
.poster-home { left:34.5%; top:3.25%; width:5.2%; height:2.4%; }
.poster-results { left:41.5%; top:3.25%; width:7.8%; height:2.4%; }
.poster-about { left:50%; top:3.25%; width:8.6%; height:2.4%; }
.poster-how { left:59.2%; top:3.25%; width:10.5%; height:2.4%; }
.poster-contact { left:70%; top:3.25%; width:8.2%; height:2.4%; }
.poster-login { left:78.7%; top:2.45%; width:9.7%; height:4.3%; }
.poster-register { left:88.8%; top:2.25%; width:10.4%; height:4.5%; }
.poster-play { left:12.4%; top:79.8%; width:34%; height:4.8%; }
.poster-view-all { left:89.5%; top:57.5%; width:8.2%; height:2.5%; }
.reference-accessible-content { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
@media (max-width:733px) { .reference-poster-page { width:100%; } }
@media (prefers-reduced-motion:reduce) { .poster-hotspot { transition:none; } }

/* ===== Visible live countdown section ===== */
.live-countdown-section { width:100%; padding:32px 18px 64px; background:linear-gradient(180deg,#02060e 0%,rgba(7,34,68,.72) 45%,#02060e 100%); }
.live-countdown-wrap { width:min(100%,733px); margin:0 auto; }
.live-countdown-wrap { padding:28px 22px 24px; border-radius:22px; border:1px solid rgba(40,215,255,.42); background:radial-gradient(circle at 50% 42%,rgba(19,103,193,.34),transparent 48%),linear-gradient(155deg,rgba(8,37,73,.95),rgba(2,12,30,.95)); box-shadow:0 0 0 1px rgba(40,215,255,.08),0 22px 70px rgba(0,0,0,.35),inset 0 0 48px rgba(40,215,255,.06); text-align:center; }
.live-badge { display:inline-flex; align-items:center; gap:8px; color:#28d7ff; font-weight:800; letter-spacing:.18em; font-size:.7rem; }
.live-badge .live-dot { width:8px; height:8px; background:#ff526e; border-radius:50%; box-shadow:0 0 10px #ff526e; }
.live-date-line { margin-top:14px; color:#8da7c5; font-size:.85rem; }
.live-date-line strong { color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:1.35rem; }
.live-countdown-wrap .neon-countdown { margin:20px auto 12px; }
.live-countdown-wrap .neon-countdown span { min-width:74px; padding:13px 8px; }
.live-countdown-wrap .neon-countdown strong { font-size:2.1rem; text-shadow:0 0 12px rgba(40,215,255,.65); }
.live-countdown-wrap .neon-countdown small { color:#28d7ff; font-size:.58rem; }
.live-countdown-wrap .neon-countdown b { color:#35dbff; font-size:1.3rem; margin-bottom:16px; }
.live-countdown-wrap .local-time-line { color:#7593b1; font-size:.78rem; }
.live-countdown-wrap .local-time-line strong { color:#e6f8ff; }
.live-cta-row { display:flex; justify-content:center; gap:12px; margin-top:20px; flex-wrap:wrap; }
.live-cta-row .btn { padding:11px 26px; font-size:.85rem; }
@media (max-width:733px) { .live-countdown-section { box-sizing:border-box; padding:22px 12px 44px; } }
@media (max-width:520px) {
  .live-countdown-wrap { padding:22px 12px 20px; }
  .live-countdown-wrap .neon-countdown { gap:4px; }
  .live-countdown-wrap .neon-countdown span { min-width:58px; padding:10px 4px; }
  .live-countdown-wrap .neon-countdown strong { font-size:1.6rem; }
  .live-countdown-wrap .neon-countdown b { font-size:1rem; margin:0; }
  .live-date-line strong { font-size:1.1rem; }
  .live-cta-row { gap:8px; }
  .live-cta-row .btn { padding:10px 16px; font-size:.78rem; }
}