*{box-sizing:border-box}body{margin:0;background:#001b12;color:#fff;font-family:Arial,'Noto Sans Bengali',sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 38px;background:#002915;border-bottom:1px solid #c99a13}.brand{display:flex;align-items:center;gap:14px}.clover{font-size:58px;color:#52c41a;text-shadow:0 0 8px #ffd700}.brand h1{font-size:40px;line-height:.8;margin:0;font-weight:900}.brand h1 span{color:#ffd21c}.brand p{font-size:12px;margin:6px 0 0}.tagline{text-align:center;font-size:28px;font-weight:800}.tagline span{color:#ffd21c}.actions a{display:inline-block;border:1px solid #ffd21c;border-radius:7px;padding:13px 28px;background:#087812;color:#fff;font-weight:800;margin-left:8px}.actions .yellow{background:#ffd21c;color:#041b0b}
nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;background:#002412;border-bottom:1px solid #97740c}nav a{padding:18px 38px;border-left:1px solid rgba(255,255,255,.14);font-weight:700}.notice{background:#061c10;border-bottom:1px solid #ffd21c;color:#ffd21c;padding:10px;font-weight:800}
.hero{display:grid;grid-template-columns:1.1fr .9fr .85fr .5fr;gap:25px;align-items:center;padding:45px 42px 25px;background:radial-gradient(circle at 20% 30%,#064d25,#002412 55%,#00150d);border-bottom:3px solid #ffd21c;min-height:520px}.hero-text{position:relative}.flag-circle{position:absolute;left:-45px;top:30px;width:190px;height:190px;background:#df1111;border-radius:50%;opacity:.75}.hero-text h2{position:relative;font-size:42px;line-height:1.22;margin:0}.hero-text h2 span,.hero-text h2 b{color:#ffd21c}.hero-text p{font-size:22px;font-weight:700}.pay-row{display:flex;gap:15px}.price,.payment{border:2px solid #ffd21c;border-radius:12px;background:#086522;padding:15px;text-align:center;font-weight:800}.price strong{font-size:60px}.payment{background:#fff;color:#111}.payment b{display:inline-block;margin:14px 8px 0;color:#d71965;font-size:24px}.payment small{display:block;color:#111;margin-top:8px}
.phone{width:245px;height:470px;border:5px solid #777;border-radius:36px;padding:16px;margin:auto;background:#050b09;box-shadow:0 20px 45px #000}.phone-screen{text-align:center;padding:45px 15px}.phone h3{color:#ffd21c;font-size:24px}.phone input{width:100%;padding:12px;border:1px solid #5f8a62;border-radius:8px;background:#10231a;color:#fff;margin:12px 0}.phone button,.modal-box button,.install-box button{width:100%;padding:13px;border:1px solid #ffd21c;border-radius:7px;background:#11861e;color:#fff;font-weight:900}.phone-icons{display:flex;justify-content:space-between;margin-top:28px}.phone-icons span{font-size:24px}.phone-icons small{display:block;font-size:10px}
.ticket-card{background:#f5efe4;color:#111;text-align:center;border:3px dashed #111;padding:25px 12px;max-width:285px;margin:auto}.ticket-card h3{font-size:25px;margin:0}.ticket-card strong{font-size:36px}.ticket-line{border-top:1px solid #777;margin:14px -5px}.qr{font-size:42px;font-weight:900}.side-badges{display:flex;flex-direction:column;gap:25px}.side-badges button,.side-badges div{border:2px solid #ffd21c;border-radius:18px;background:#062c19;color:#fff;padding:28px 14px;text-align:center;font-size:20px;font-weight:800}
.steps,.results,.reviews{padding:24px 42px}.steps{border:1px solid #ffd21c;border-radius:14px;margin:25px 28px;background:#012d18;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step-grid div{background:#096323;border-radius:50px;padding:18px}.step-grid b{font-size:22px;color:#ffd21c}.result-head{display:flex;justify-content:space-between;align-items:center}.winner-board{display:grid;grid-template-columns:1fr 2.2fr;gap:20px}.first-winner,.small-winners div{border:2px solid #ffd21c;border-radius:12px;background:#062b1a;text-align:center;padding:18px}.first-winner h3{font-size:58px;color:#ffd21c;margin:10px}.first-winner button{background:#b21d11;color:#ffd21c;border:1px solid #ffd21c;padding:12px 30px;font-weight:900}.cup{font-size:60px}.small-winners{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.small-winners b{background:#f1bd20;color:#111;padding:5px 10px}.small-winners h4{font-size:30px;margin:18px 0 5px}.secure{margin:20px 42px;padding:18px;border:2px solid #ffd21c;border-radius:10px;background:#07351c;display:flex;justify-content:space-around;font-size:21px}.secure b{color:#b9ff39}.reviews{text-align:center}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.review-grid div{background:#f8f3ea;color:#111;border-radius:12px;padding:22px;text-align:left}.review-grid p{color:#e7a400;font-size:24px;margin:7px 0}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:25px 28px;padding:25px;border:1px solid #8bc34a;border-radius:12px;background:#042b19}.footer-brand{text-align:center;font-size:55px}.footer-brand b{font-size:34px;color:#ffd21c}.footer-brand span{font-size:13px}.cta{display:flex;justify-content:center;gap:25px;align-items:center;background:#05751b;padding:18px;font-size:26px}.cta button{background:#ffd21c;color:#05200b;border:0;border-radius:8px;padding:14px 35px;font-weight:900;font-size:20px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:50;align-items:center;justify-content:center}.modal-box,.install-box{width:380px;max-width:94%;background:#062b19;border:2px solid #ffd21c;border-radius:18px;padding:28px;text-align:center;position:relative}.modal-box input,.install-box input{width:100%;padding:14px;margin:8px 0;border-radius:8px;border:1px solid #ccc}.close{position:absolute;right:10px;top:8px;width:35px!important;background:#b20000!important}.install-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#064d25,#00150d)}.install-box h1{color:#ffd21c}.alert{padding:12px;border-radius:8px;margin:10px 0}.error{background:#611;color:#fff}.success{background:#073;color:#fff}
.admin-body{display:flex;background:#f4f6f8;color:#111}.sidebar{width:260px;min-height:100vh;background:#032416;color:#fff;padding:25px}.sidebar h2 span{color:#ffd21c}.sidebar a{display:block;padding:14px;border-radius:8px;margin:7px 0}.sidebar a.active,.sidebar a:hover{background:#0a7a25}.admin-main{flex:1;padding:28px}.admin-main header{display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards div{background:#fff;border-radius:12px;padding:24px;box-shadow:0 5px 20px #ddd}.cards b{display:block;font-size:34px;color:#0a7a25}.admin-panel{background:#fff;margin-top:24px;padding:24px;border-radius:12px}
@media(max-width:900px){.topbar,.result-head,.secure,.cta,.admin-main header{flex-direction:column;text-align:center}.hero{grid-template-columns:1fr;padding:25px 15px}.hero-text h2{font-size:32px}.step-grid,.small-winners,.review-grid,footer,.cards{grid-template-columns:1fr}.winner-board{grid-template-columns:1fr}nav{overflow-x:auto;justify-content:flex-start}nav a{padding:14px 20px;white-space:nowrap}.admin-body{display:block}.sidebar{width:100%;min-height:auto}}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left}th{background:#07351c;color:#fff}.table-wrap{overflow-x:auto}.status{padding:6px 10px;border-radius:20px;font-weight:bold}.status.pending{background:#fff3cd;color:#856404}.status.approved,.status.active{background:#d4edda;color:#155724}.status.rejected,.status.cancelled{background:#f8d7da;color:#721c24}.btn-link{display:inline-block;background:#0a7a25;color:#fff!important;padding:10px 16px;border-radius:8px}.danger{background:#b20000!important}
select{width:100%;padding:14px;margin:8px 0;border-radius:8px;border:1px solid #ccc}

.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.preview-grid div{background:#f7f7f7;border:1px solid #ddd;border-radius:10px;padding:14px}.preview-grid b{display:block;color:#07351c;margin-bottom:6px}.inline-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.inline-form label{font-weight:bold}.inline-form input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;margin-top:6px}.inline-form button{padding:13px;border:0;border-radius:8px;background:#0a7a25;color:#fff;font-weight:bold}@media(max-width:900px){.preview-grid,.inline-form{grid-template-columns:1fr}}

/* Phase 3 Fixed Professional UI */
.pro-admin-body{background:#eef2f6;color:#102014;font-family:Arial,'Noto Sans Bengali',sans-serif}
.pro-sidebar{background:linear-gradient(180deg,#002b18,#001b10);box-shadow:8px 0 30px rgba(0,0,0,.12);position:sticky;top:0}
.admin-logo{display:flex;gap:12px;align-items:center;margin-bottom:28px}.logo-icon{font-size:42px;filter:drop-shadow(0 0 8px #ffd21c)}.admin-logo h2{margin:0;line-height:.85;color:#fff}.admin-logo h2 span{color:#ffd21c}.admin-logo p{margin:7px 0 0;color:#a7d9b5}
.admin-nav a{display:flex!important;align-items:center;gap:10px;padding:14px 16px!important;border-radius:12px;margin:8px 0!important;color:#eaffef!important;transition:.2s}.admin-nav a.active,.admin-nav a:hover{background:linear-gradient(90deg,#0a7a25,#0fb83a)!important;box-shadow:0 8px 20px rgba(10,122,37,.25)}
.pro-main{padding:32px!important}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-topbar h1{margin:0;font-size:32px}.admin-topbar p{margin:6px 0 0;color:#647067}.admin-user{background:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.pro-cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.pro-cards div{border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f8fff9)!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important;border-left:5px solid #0a7a25!important}.pro-cards b{color:#087a24!important}.pro-cards small{display:block;margin-top:6px;color:#677}
.glass-panel,.profile-card{border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 35px rgba(0,0,0,.08)!important}.muted{color:#667}
.pro-table{border-radius:14px;overflow:hidden}.pro-table th{background:linear-gradient(90deg,#003b20,#0a7a25)!important}.pro-table td,.pro-table th{padding:14px!important}.pro-table tr:hover td{background:#f3fff6}
.inline-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}.inline-form label{font-weight:800}.inline-form input{width:100%;padding:13px;border:1px solid #cfd8d2;border-radius:10px;margin-top:6px}.inline-form button{padding:14px;border:0;border-radius:12px;background:linear-gradient(90deg,#0a7a25,#0fb83a);color:#fff;font-weight:900}
.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.preview-grid div{background:#f7fbf8;border:1px solid #e1eee5;border-radius:14px;padding:15px}.preview-grid b{display:block;color:#07351c;margin-bottom:7px}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5eee8;padding:14px 0}.profile-row span{color:#667}.wide-btn{display:block;text-align:center;margin-top:14px}.wide-btn.alt{background:#0a5a7a!important}.wide-btn.dark{background:#222!important}
.profile-btn{background:#fff!important;color:#07351c!important;border-color:#ffd21c!important}
@media(max-width:900px){.pro-cards,.inline-form,.preview-grid,.dashboard-grid{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start;gap:12px}.pro-main{padding:18px!important}}

/* Phase 4 polish fixes */
.pro-sidebar{width:250px;min-width:250px;overflow:hidden}
.pro-sidebar nav,.pro-sidebar .admin-nav{display:block!important;position:static!important;background:transparent!important;border:0!important;overflow:visible!important}
.pro-sidebar .admin-nav a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:14px 16px!important;margin:8px 0!important;border:0!important;border-radius:14px!important;font-size:15px!important;white-space:normal!important}
.pro-sidebar .admin-nav a span{width:28px;text-align:center}.pro-sidebar .admin-nav a b{font-weight:800}.admin-menu-title{color:#ffd21c;font-size:13px;margin:12px 0}
.payment .pay-logo{display:inline-flex!important;align-items:center;justify-content:center;min-width:95px;height:42px;border-radius:10px;background:#fff;color:#d71965!important;border:1px solid #ddd;margin:10px 5px 0!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}.payment .nagad{color:#f05a24!important}
#homePhone{background:#10231a;color:#fff;border:1px solid #5f8a62}
.pay-number-box{background:#07351c;border:1px solid #ffd21c;color:#fff;border-radius:12px;padding:14px;margin:12px 0;font-weight:800}
.settings-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-form label{font-weight:800}.settings-form input,.settings-form textarea{width:100%;padding:13px;border:1px solid #ccd8d0;border-radius:10px;margin-top:6px}.settings-form .full{grid-column:1/-1}.settings-form textarea{min-height:100px}.settings-form button{grid-column:1/-1;background:linear-gradient(90deg,#0a7a25,#0fb83a);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:900}
.mobile-bottom-nav{display:none}
@media(max-width:900px){
 body{padding-bottom:72px}
 .pro-admin-body{display:block!important}.pro-sidebar{position:relative!important;width:100%!important;min-width:100%!important;min-height:auto!important;padding:16px!important}.admin-logo{justify-content:center}.pro-sidebar .admin-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.pro-sidebar .admin-nav a{justify-content:center!important;text-align:center!important;display:flex!important;flex-direction:column!important;font-size:12px!important;padding:10px!important;margin:0!important}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:#002b18;border-top:2px solid #ffd21c;z-index:9999}.mobile-bottom-nav a{color:#fff;text-align:center;padding:9px 4px;text-decoration:none;font-weight:800}.mobile-bottom-nav span{display:block;font-size:11px;margin-top:2px}
 .hero{padding-bottom:80px}.settings-form{grid-template-columns:1fr}.settings-form .full,.settings-form button{grid-column:auto}
 .ticket-card{max-width:260px}.phone{width:235px}
}

/* ===== PHASE 5 VISIBLE FIXES - DO NOT REMOVE ===== */
body.admin-body.pro-admin-body{background:#eef2f6!important;color:#102014!important}
.pro-sidebar{width:260px!important;min-width:260px!important;background:linear-gradient(180deg,#002b18,#00140c)!important;overflow:hidden!important;padding:24px!important}
.pro-sidebar .admin-logo{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:24px!important}
.pro-sidebar .logo-icon{font-size:42px!important;color:#55dd38!important;text-shadow:0 0 10px #ffd21c!important}
.pro-sidebar .admin-logo h2{font-size:26px!important;line-height:.9!important;margin:0!important;color:#fff!important}
.pro-sidebar .admin-logo h2 span{color:#ffd21c!important}
.pro-sidebar .admin-logo p{color:#c7ffd8!important;margin:8px 0 0!important}
.pro-sidebar .admin-nav{display:block!important;position:static!important;background:transparent!important;border:0!important}
.pro-sidebar .admin-nav a{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;margin:8px 0!important;padding:14px 16px!important;border-radius:14px!important;color:#fff!important;text-decoration:none!important;border:0!important;background:rgba(255,255,255,.04)!important;font-size:15px!important;white-space:nowrap!important}
.pro-sidebar .admin-nav a.active,.pro-sidebar .admin-nav a:hover{background:linear-gradient(90deg,#0a7a25,#0fb83a)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
.pro-main{padding:32px!important;width:calc(100% - 260px)!important}
.admin-topbar{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:22px!important}
.admin-topbar h1{font-size:32px!important;margin:0!important}
.admin-topbar p{color:#667!important;margin:6px 0 0!important}
.admin-user{background:#fff!important;border-radius:999px!important;padding:12px 18px!important;box-shadow:0 8px 22px rgba(0,0,0,.08)!important}
.pro-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}
.pro-cards div{background:#fff!important;border-radius:18px!important;padding:22px!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important;border-left:5px solid #0a7a25!important}
.pro-cards b{display:block!important;font-size:32px!important;color:#0a7a25!important}
.glass-panel,.profile-card{background:#fff!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(0,0,0,.08)!important;padding:26px!important}
.pro-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important}
.pro-table th{background:linear-gradient(90deg,#003b20,#0a7a25)!important;color:#fff!important;padding:14px!important}
.pro-table td{padding:14px!important;border-bottom:1px solid #e7eee9!important}
.pro-table tr:hover td{background:#f2fff6!important}
.btn-link.alt{background:#0a5a7a!important}
.ticket-preview-body{min-height:100vh;background:radial-gradient(circle at top,#064d25,#00150d)!important;display:flex;align-items:center;justify-content:center;padding:25px}
.ticket-preview-wrap{width:100%;max-width:430px}
.ticket-actions-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ticket-actions-top a{background:#fff;color:#07351c;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:800}
.ticket-actions-top .download-btn{background:#ffd21c;color:#061b0d}
.real-ticket{position:relative;background:#f5efe4;color:#111;text-align:center;border:3px dashed #111;padding:28px 18px;width:100%;max-width:330px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.real-ticket h1{font-size:27px;margin:0}.real-ticket h2{font-size:14px;margin:12px 0}.real-ticket strong{font-size:38px;display:block;margin:8px 0}.real-ticket p{margin:8px 0}.ticket-sep{border-top:1px solid #777;margin:18px -8px}.ticket-price-badge{position:absolute;right:-12px;top:-12px;background:#b20bbd;color:#fff;padding:12px 10px;border-radius:0 10px 0 12px;font-weight:900}.qr-box{width:90px;height:90px;border:2px solid #111;margin:15px auto;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;background:#fff}.real-ticket .small{font-size:12px}
@media(max-width:900px){
  .pro-admin-body{display:block!important;padding-bottom:76px!important}
  .pro-sidebar{width:100%!important;min-width:100%!important;min-height:auto!important;position:relative!important;padding:16px!important}
  .pro-sidebar .admin-logo{justify-content:center!important}
  .pro-sidebar .admin-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .pro-sidebar .admin-nav a{justify-content:center!important;flex-direction:column!important;text-align:center!important;font-size:12px!important;padding:10px!important;margin:0!important;white-space:normal!important}
  .pro-main{width:100%!important;padding:18px!important}
  .pro-cards{grid-template-columns:1fr!important}
  .admin-topbar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
}

/* PHASE 6 FINAL CONTROL */
.settings-form select,.settings-form input,.settings-form textarea{font-family:inherit}
.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:auto}.contact-form input,.contact-form textarea{padding:14px;border:1px solid #cfd8d2;border-radius:12px}.contact-form textarea{grid-column:1/-1;min-height:110px}.contact-form button{grid-column:1/-1;background:linear-gradient(90deg,#0a7a25,#0fb83a);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:900}
.admin-nav a b{font-weight:800}.status.inactive,.status.rejected{background:#f8d7da;color:#721c24}
.status.active,.status.approved{background:#d4edda;color:#155724}
@media(max-width:900px){.contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form button{grid-column:auto}}

/* PHASE 7 CLEAN FINAL */
.app-buttons{display:flex;gap:10px;margin-top:14px}.app-buttons a{background:#fff;color:#07351c;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:900}
.live-draw-btn{background:linear-gradient(90deg,#d40000,#ff4d4d)!important;color:#fff!important}
.copyright{text-align:center;background:#001b10;color:#cdeed6;padding:16px;border-top:1px solid #ffd21c}.qr-img{width:120px;height:120px;margin:12px auto;display:block;border:4px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.real-ticket{background:#f5efe4!important;color:#111!important;border:3px dashed #111!important;padding:28px!important;max-width:330px!important;margin:auto!important;text-align:center!important}
.settings-form .full{grid-column:1/-1}
@media(max-width:900px){nav{display:none!important}.topbar{padding:12px!important}.tagline{font-size:18px!important}.actions a{padding:10px 14px!important}.hero{grid-template-columns:1fr!important;text-align:center!important}.side-badges{display:grid!important;grid-template-columns:1fr 1fr!important}.mobile-bottom-nav{display:grid!important}}

/* ===== PHASE 7 REVIEW FIX v8 ===== */
.payment .pay-logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:96px!important;height:42px!important;border-radius:12px!important;background:#fff!important;border:1px solid #eee!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important;margin:12px 6px 0!important;font-weight:900!important}
.payment .bkash{color:#d71965!important}.payment .nagad{color:#f05a24!important}
.ticket-qr-img{width:86px!important;height:86px!important;margin:12px auto!important;display:block!important;border:4px solid #fff!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}
.download-box{display:block!important;border:2px solid #ffd21c!important;border-radius:18px!important;background:#062c19!important;color:#fff!important;padding:28px 14px!important;text-align:center!important;font-size:20px!important;font-weight:800!important;text-decoration:none!important}.download-box.disabled{opacity:.9!important}
.phone button{pointer-events:none!important;opacity:.92!important}.phone input{pointer-events:none!important}
.live-draw-btn{background:linear-gradient(90deg,#d40000,#ff4d4d)!important;color:#fff!important}
.app-buttons{display:flex!important;gap:10px!important;margin-top:14px!important}.app-buttons a{background:#fff!important;color:#07351c!important;padding:10px 14px!important;border-radius:12px!important;text-decoration:none!important;font-weight:900!important}
.copyright{display:block!important;text-align:center!important;background:#001b10!important;color:#cdeed6!important;padding:16px!important;border-top:1px solid #ffd21c!important;margin-top:20px!important;clear:both!important;width:100%!important}
.winner-review-card .preview-grid span{font-size:16px!important;font-weight:700!important}.winner-review-card h2{font-size:30px!important;color:#07351c!important}
@media(max-width:900px){nav{display:none!important}.mobile-bottom-nav{display:grid!important}.copyright{margin-bottom:64px!important}.topbar{padding:12px!important}.hero{grid-template-columns:1fr!important;text-align:center!important}.side-badges{display:grid!important;grid-template-columns:1fr!important}}

/* ===== V9 REMAINING REQUIREMENTS - STABLE PATCH ===== */
.pay-png{width:110px;height:auto;margin:10px 6px 0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}.live-draw-btn{background:linear-gradient(90deg,#e60000,#ff3b3b)!important;color:#fff!important;animation:liveGlow 2s infinite;border-radius:0!important}@keyframes liveGlow{0%,100%{filter:brightness(1);box-shadow:0 0 0 rgba(255,0,0,0)}50%{filter:brightness(1.35);box-shadow:0 0 22px rgba(255,0,0,.7)}}.ticket-qr-img{width:88px;height:88px;margin:12px auto;display:block;border:4px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.22)}.review-submit-box{margin:25px 28px;padding:22px;border:1px solid #ffd21c;border-radius:16px;background:#052b19;text-align:center}.mini-review-form{display:grid;grid-template-columns:1fr 140px 2fr 140px;gap:10px;max-width:900px;margin:auto}.mini-review-form input,.mini-review-form select{padding:12px;border-radius:10px;border:1px solid #ddd}.mini-review-form button{border:0;background:#ffd21c;border-radius:10px;font-weight:900}.six-month-results{margin:20px 28px;padding:20px;border:1px solid #ffd21c;border-radius:16px;background:#042b19;text-align:center}.result-slider{display:flex;gap:12px;overflow-x:auto;padding:8px}.month-card{min-width:155px;background:#fff;color:#111;border-radius:12px;padding:14px}.month-card b,.month-card span{display:block}.month-card a{display:inline-block;margin-top:8px;background:#0a7a25;color:#fff;padding:7px 12px;border-radius:8px;text-decoration:none}.whatsapp-float{position:fixed;right:18px;bottom:86px;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;text-decoration:none;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.3)}.app-buttons{display:flex;gap:10px;margin-top:14px}.app-buttons a{background:#fff;color:#07351c;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:900}.copyright{text-align:center;background:#001b10;color:#cdeed6;padding:16px;border-top:1px solid #ffd21c;margin-top:20px;clear:both;width:100%}.analytics-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.analytics-grid strong{font-size:36px;color:#0a7a25}.mini-chart{height:130px;display:flex;align-items:end;gap:8px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px}.mini-chart span{display:block;width:30px;background:linear-gradient(#0fb83a,#0a7a25);border-radius:8px 8px 0 0}.ad-layout{margin:18px auto;padding:12px;border:1px dashed #ffd21c;border-radius:12px;text-align:center;max-width:1100px}.maintenance-body{min-height:100vh;background:radial-gradient(circle,#064d25,#00150d);display:flex;align-items:center;justify-content:center;color:#fff}.maintenance-card{text-align:center;background:rgba(0,0,0,.35);border:1px solid #ffd21c;border-radius:22px;padding:45px;max-width:520px}.loader-ring{width:80px;height:80px;border:8px solid rgba(255,255,255,.2);border-top-color:#ffd21c;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-form .full{grid-column:1/-1}.btn-link.danger,.danger{background:#b20000!important;color:#fff!important}@media(max-width:900px){.mini-review-form{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.topbar .actions{display:none!important}nav{display:none!important}.mobile-bottom-nav{display:grid!important}.copyright{margin-bottom:64px}.whatsapp-float{bottom:88px;right:14px}.side-badges{grid-template-columns:1fr!important}.hero{grid-template-columns:1fr!important;text-align:center!important}}

/* V9.1 SAFE FOLLOW-UP */
.pay-png{width:120px;height:auto;margin:10px 7px 0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}
.app-download-row{display:flex;gap:12px;margin-top:16px}.app-download-row a{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#07351c;padding:11px 16px;border-radius:14px;text-decoration:none;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.whatsapp-float{position:fixed;right:18px;bottom:86px;background:#25D366;color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;text-decoration:none;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.32)}
.live-draw-btn{background:linear-gradient(90deg,#b60000,#e71919)!important;color:#ffd21c!important;font-weight:900!important;letter-spacing:.4px!important;animation:liveGlow91 2s infinite!important}.live-dot{display:inline-block;width:16px;height:16px;border-radius:50%;background:#ff0000;border:2px solid #ffd21c;margin-right:7px;box-shadow:0 0 15px red}@keyframes liveGlow91{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4);box-shadow:0 0 24px rgba(255,0,0,.75)}}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.modal-card{background:#fff;color:#111;border-radius:20px;max-width:720px;width:100%;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}.modal-close{position:absolute;right:14px;top:10px;border:0;background:#b20000;color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}.btn-link.danger,.danger{background:#b20000!important;color:#fff!important}
@media(max-width:900px){.app-download-row{justify-content:center}.whatsapp-float{bottom:88px;right:14px}}

/* V9.3 Brand + User Management */
.payment-logo-img{max-width:260px;width:100%;height:auto;margin-top:8px;display:block}
.app-store-badges{margin-top:12px}.app-store-badges img{max-width:420px;width:100%;height:auto;display:block}
.footer-live-text{margin:14px 0 0!important;font-weight:800;color:#fff}
.mini-btn{background:#07351c;color:#fff;border:0;border-radius:8px;padding:7px 10px;font-weight:800;cursor:pointer}
.status.blocked{background:#f8d7da!important;color:#721c24!important}.status.active{background:#d4edda!important;color:#155724!important}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.modal-card{background:#fff;color:#111;border-radius:20px;max-width:760px;width:100%;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}
.modal-close{position:absolute;right:14px;top:10px;border:0;background:#b20000;color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}
.btn-link.danger,.danger{background:#b20000!important;color:#fff!important}
@media(max-width:900px){.app-store-badges img{max-width:310px;margin:auto}.payment-logo-img{max-width:230px;margin-left:auto;margin-right:auto}}

/* V9.3 Month Result Only Fix */
.month-results-fixed{margin:24px 28px!important;padding:24px!important;border:1px solid #ffd21c!important;border-radius:18px!important;background:#042b19!important;text-align:center!important}
.month-results-fixed h2{margin:0 0 18px!important;color:#fff!important;font-size:26px!important;font-weight:900!important}
.month-result-grid{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important;gap:16px!important;padding:10px 0!important}
.month-result-grid .month-card{min-width:155px!important;max-width:175px!important;flex:0 0 auto!important;background:#fff!important;color:#111!important;border-radius:14px!important;padding:16px!important;text-align:center!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.month-result-grid .month-card b,.month-result-grid .month-card span{display:block!important}
.month-result-grid .month-card button{display:inline-block!important;margin-top:10px!important;background:#0a7a25!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:8px 16px!important;font-weight:900!important;cursor:pointer!important}
.month-modal-card{max-width:760px!important}
.month-result-body{background:#f7fbf8!important;border-radius:12px!important;padding:18px!important;color:#111!important}
.empty-result{text-align:center!important;padding:24px!important;background:#f2f8f3!important;border-radius:12px!important;color:#0a7a25!important}
.empty-result .empty-icon{font-size:34px!important;margin-bottom:8px!important}.empty-result span{display:block!important;color:#333!important;margin-top:8px!important}
.month-public-table{width:100%!important;border-collapse:collapse!important;margin-top:12px!important}.month-public-table th{background:#07351c!important;color:#fff!important}.month-public-table td,.month-public-table th{padding:10px!important;border:1px solid #ddd!important}
.modal-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.55)!important;z-index:99999!important;display:none;align-items:center!important;justify-content:center!important;padding:20px!important}
.modal-card{background:#fff!important;color:#111!important;border-radius:20px!important;width:100%!important;padding:28px!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important;position:relative!important}
.modal-close{position:absolute!important;right:14px!important;top:10px!important;border:0!important;background:#b20000!important;color:#fff!important;border-radius:50%!important;width:34px!important;height:34px!important;font-size:22px!important}
.btn-link.danger,.danger{background:#b20000!important;color:#fff!important}
@media(max-width:900px){.month-results-fixed{margin:18px 12px!important;padding:18px!important}.month-result-grid{gap:12px!important}.month-result-grid .month-card{min-width:140px!important;max-width:160px!important}}

/* V9.3 Weekly Month Result Popup */
.month-modal-card,.month-admin-modal{max-width:980px!important}
.public-week-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:14px!important}
.week-result-card{background:#f7fbf8!important;border-radius:14px!important;padding:12px!important;border:1px solid #e2eee5!important}
.week-result-card h3{margin:0 0 10px!important;color:#07351c!important;font-size:17px!important}
.week-result-card h3 span{font-size:13px!important;color:#555!important}
.week-mini-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.week-mini-item{background:#fff!important;border:1px solid #d9e7dd!important;border-radius:10px!important;padding:8px!important;display:grid!important;grid-template-columns:28px 1fr!important;gap:3px 7px!important;align-items:center!important;font-size:12px!important}
.week-mini-item b{background:#07351c!important;color:#fff!important;border-radius:7px!important;text-align:center!important;padding:4px 0!important;grid-row:span 3!important}
.week-mini-item span{font-weight:900!important;color:#111!important}
.week-mini-item small{color:#555!important;font-size:11px!important}
.week-mini-item strong{color:#0a7a25!important;font-size:12px!important}
.week-admin-box{background:#f7fbf8!important;border:1px solid #d9e7dd!important;border-radius:16px!important;padding:15px!important;margin:10px 0!important}
.week-admin-box h3{margin:0 0 12px!important}
.weekly-winner-grid{display:grid!important;grid-template-columns:repeat(2,minmax(280px,1fr))!important;gap:8px!important}
.weekly-winner-row{display:grid!important;grid-template-columns:34px 1fr 1fr 1fr!important;gap:8px!important;align-items:center!important;background:#fff!important;border-radius:10px!important;padding:8px!important}
.weekly-winner-row b{background:#07351c!important;color:#fff!important;border-radius:8px!important;text-align:center!important;padding:8px 0!important}
.weekly-winner-row input{width:100%!important;padding:9px!important;border:1px solid #cbd8ce!important;border-radius:8px!important}
@media(max-width:900px){.public-week-wrap{grid-template-columns:1fr!important}.week-mini-grid{grid-template-columns:1fr!important}.weekly-winner-grid{grid-template-columns:1fr!important}.weekly-winner-row{grid-template-columns:28px 1fr!important}}


/* === Final Admin Controlled Hero Section === */
.hero-admin-controlled{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1.05fr .95fr .85fr .45fr!important;
    gap:24px!important;
    align-items:center!important;
    min-height:var(--hero-height,560px)!important;
    height:var(--hero-height,560px)!important;
    overflow:hidden!important;
    background-image:var(--hero-bg-desktop), radial-gradient(circle at 20% 30%,#064d25,#002412 55%,#00150d)!important;
    background-size:cover!important;
    background-position:center!important;
    isolation:isolate!important;
}
.hero-admin-controlled:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,10,.74),rgba(0,20,10,.24),rgba(0,20,10,.70));z-index:0;pointer-events:none;}
.hero-admin-controlled .hero-text,.hero-admin-controlled .hero-banner-slot,.hero-admin-controlled .ticket-card,.hero-admin-controlled .side-badges{position:relative!important;z-index:2!important;}
.hero-admin-controlled .hero-text{min-width:0!important;}
.hero-admin-controlled .hero-banner-slot{height:100%!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;pointer-events:none!important;}
.hero-admin-controlled .hero-uploaded-png{width:var(--hero-banner-size,115%)!important;max-width:none!important;max-height:96%!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 18px 35px rgba(0,0,0,.45));}
.hero-buy-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:14px 22px;border-radius:999px;background:linear-gradient(90deg,#ffd21c,#ff9f00);color:#071d0d!important;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.28);border:2px solid rgba(255,255,255,.35)}
.hero-buy-btn:hover{transform:translateY(-2px)}
.hero-admin-preview{margin:8px 0 10px;padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;max-width:360px}.hero-admin-preview img{max-width:100%;max-height:120px;display:block;border-radius:10px}.settings-form h2.full{grid-column:1/-1;margin:18px 0 4px;color:#ffd21c}.settings-form small{display:block;margin-top:6px;color:#d9efe0;font-size:12px}
@media(max-width:900px){
    .hero-admin-controlled{grid-template-columns:1fr!important;height:auto!important;min-height:var(--hero-height,560px)!important;padding:30px 15px 90px!important;text-align:center!important;background-image:var(--hero-bg-mobile), var(--hero-bg-desktop), radial-gradient(circle at 20% 30%,#064d25,#002412 55%,#00150d)!important;background-size:cover!important;background-position:center!important;}
    .hero-admin-controlled .hero-banner-slot{height:260px!important;order:2!important;}
    .hero-admin-controlled .hero-text{order:1!important;}
    .hero-admin-controlled .ticket-card{order:3!important;}
    .hero-admin-controlled .side-badges{order:4!important;display:grid!important;grid-template-columns:1fr!important;}
    .hero-admin-controlled .hero-uploaded-png{width:min(var(--hero-banner-size,115%),150%)!important;max-height:250px!important;}
    .hero-buy-btn{margin-left:auto;margin-right:auto;}
}


/* === Hero Stability Fix v9.3.1: uploaded images cannot push/move text/ticket === */
.hero-admin-controlled{
    grid-template-columns:1.05fr .95fr .85fr .45fr!important;
    grid-auto-rows:minmax(0,1fr)!important;
    align-items:center!important;
    overflow:hidden!important;
}
.hero-admin-controlled > *{min-width:0!important;}
.hero-admin-controlled .hero-text,
.hero-admin-controlled .ticket-card,
.hero-admin-controlled .side-badges{
    position:relative!important;
    z-index:5!important;
}
.hero-admin-controlled .hero-banner-slot{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    contain:layout paint size!important;
}
.hero-admin-controlled .hero-uploaded-png{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:var(--hero-banner-size,115%)!important;
    height:auto!important;
    max-width:none!important;
    max-height:96%!important;
    object-fit:contain!important;
    display:block!important;
}
.hero-delete-option{display:flex!important;align-items:center!important;gap:8px!important;margin:8px 0!important;background:rgba(178,0,0,.16)!important;border:1px solid rgba(255,80,80,.45)!important;border-radius:10px!important;padding:8px 10px!important;color:#fff!important;font-weight:800!important;}
.hero-delete-option input{width:auto!important;}
@media(max-width:900px){
    .hero-admin-controlled{
        height:auto!important;
        min-height:var(--hero-height,560px)!important;
        grid-auto-rows:auto!important;
    }
    .hero-admin-controlled .hero-banner-slot{
        height:260px!important;
        max-height:260px!important;
        contain:layout paint size!important;
    }
    .hero-admin-controlled .hero-uploaded-png{
        width:var(--hero-banner-size,115%)!important;
        max-width:none!important;
        max-height:250px!important;
    }
}


/* === PHASE 21 FINAL: App-like mobile + hero PNG slider + ticket preview === */
html,body{max-width:100%;overflow-x:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;}
@media(max-width:900px){body{padding-bottom:86px!important}.cta{display:none!important}}
.app-bottom-nav,.mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:999999!important;display:none!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;background:linear-gradient(180deg,rgba(0,75,38,.92),rgba(0,38,20,.98))!important;backdrop-filter:blur(12px)!important;border-top:1px solid rgba(255,210,28,.35)!important;box-shadow:0 -10px 30px rgba(0,0,0,.35)!important;padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;min-height:72px!important}
.app-bottom-nav a,.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#fff!important;text-decoration:none!important;font-size:22px!important;font-weight:900!important;line-height:1!important;background:transparent!important;border:0!important;padding:4px!important}.app-bottom-nav a:first-child,.mobile-bottom-nav a:first-child{color:#ffd21c!important}.app-bottom-nav span,.mobile-bottom-nav span{font-size:11px!important;display:block!important;color:inherit!important}
@media(max-width:900px){.app-bottom-nav,.mobile-bottom-nav{display:grid!important}}

.hero-admin-controlled.hero-png-only{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:var(--hero-height,560px)!important;min-height:var(--hero-height,560px)!important;overflow:hidden!important;background-image:var(--hero-bg-desktop),radial-gradient(circle at 50% 40%,#064d25,#002412 60%,#00150d)!important;background-size:cover!important;background-position:center!important;padding:0!important;isolation:isolate!important}.hero-admin-controlled.hero-png-only:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,10,.3),rgba(0,20,10,.05),rgba(0,20,10,.3));z-index:0}.hero-slider-center{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;z-index:2!important}.hero-slider-img{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:92%!important;max-height:92%!important;width:auto!important;height:auto!important;object-fit:contain!important;opacity:0!important;transition:opacity .8s ease!important;filter:drop-shadow(0 22px 38px rgba(0,0,0,.45));pointer-events:none!important}.hero-slider-img.active{opacity:1!important}.hero-empty-note{color:#fff;border:2px dashed #ffd21c;border-radius:16px;padding:30px;font-weight:900;background:rgba(0,0,0,.2)}@media(max-width:900px){.hero-admin-controlled.hero-png-only{height:360px!important;min-height:360px!important;background-image:var(--hero-bg-mobile),var(--hero-bg-desktop),radial-gradient(circle at 50% 40%,#064d25,#002412 60%,#00150d)!important}.hero-slider-img{max-width:94%!important;max-height:86%!important}}

.social-links{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.social-links a{color:#fff!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:5px!important}.social-links img{width:18px!important;height:18px!important;object-fit:contain!important;vertical-align:middle!important}.app-store-badges{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}.app-store-badges img{height:42px!important;width:auto!important;max-width:150px!important;object-fit:contain!important}@media(max-width:900px){.social-links img{width:16px!important;height:16px!important}.app-store-badges img{height:36px!important}}

.admin-help-text{background:#eef8f0!important;color:#07351c!important;border-left:4px solid #0a7a25!important;padding:12px!important;border-radius:10px!important;font-weight:800!important}.settings-form h2.full{color:#07351c!important}.settings-form small{color:#53655a!important}.hero-admin-preview{background:#f3f7f4!important;border:1px solid #d9e8de!important}.hero-admin-preview img{max-height:140px!important}.hero-delete-option{color:#8a0000!important;background:#fff0f0!important;border-color:#ffc4c4!important}

.app-ticket-preview.ticket-preview-body{align-items:flex-start!important;padding:28px 16px 96px!important}.app-ticket-preview .ticket-preview-wrap{max-width:760px!important}.app-ticket-preview .ticket-actions-top{margin-bottom:34px!important}.app-ticket-preview .ticket-actions-top a{border-radius:12px!important;padding:13px 22px!important;font-size:18px!important;box-shadow:0 6px 18px rgba(0,0,0,.2)!important}.app-ticket-preview .download-btn{background:#ffd21c!important;color:#061b0d!important}.app-real-ticket.real-ticket{max-width:500px!important;width:min(500px,92vw)!important;padding:52px 35px 42px!important;border:3px dashed #111!important;background:#f5efe4!important;box-shadow:0 25px 70px rgba(0,0,0,.38)!important}.app-real-ticket h1{font-size:34px!important;letter-spacing:.5px!important}.app-real-ticket h2{font-size:18px!important;margin:18px 0 26px!important;font-weight:500!important}.app-real-ticket .ticket-sep{margin:25px 0!important}.app-real-ticket p{font-size:20px!important;margin:13px 0!important}.app-real-ticket strong{font-size:52px!important;line-height:1!important;margin:12px 0!important}.green-label{color:#087540!important}.app-real-ticket h3{font-size:24px!important;margin:24px 0!important}.app-real-ticket .small{font-size:15px!important}.app-real-ticket .qr-img{width:150px!important;height:150px!important}.app-real-ticket small{display:block!important;font-size:14px!important;line-height:1.35!important;word-break:break-all!important}.app-real-ticket .ticket-price-badge{right:-20px!important;top:-26px!important;background:#b20bbd!important;color:#fff!important;border-radius:0 12px 0 12px!important;padding:14px 18px!important;font-size:19px!important}
@media(max-width:640px){.app-ticket-preview.ticket-preview-body{padding:18px 10px 96px!important}.app-ticket-preview .ticket-actions-top{margin-bottom:28px!important}.app-ticket-preview .ticket-actions-top a{padding:10px 13px!important;font-size:14px!important}.app-real-ticket.real-ticket{width:min(330px,90vw)!important;padding:37px 18px 26px!important}.app-real-ticket h1{font-size:25px!important}.app-real-ticket h2{font-size:14px!important;margin:13px 0 20px!important}.app-real-ticket p{font-size:15px!important}.app-real-ticket strong{font-size:39px!important}.app-real-ticket h3{font-size:20px!important}.app-real-ticket .qr-img{width:116px!important;height:116px!important}.app-real-ticket small{font-size:11px!important}.app-real-ticket .ticket-price-badge{right:-12px!important;top:-17px!important;font-size:15px!important;padding:10px 12px!important}}

/* === PHASE 22 FIX: Mobile app view + single centered hero slider === */
html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    touch-action:manipulation!important;
    -webkit-text-size-adjust:100%!important;
    box-sizing:border-box!important;
}
*,*:before,*:after{box-sizing:border-box!important;}
@media(max-width:900px){
    body{padding-bottom:92px!important;min-width:0!important;}
    img,video,iframe{max-width:100%!important;height:auto;}
    input,select,textarea,button{font-size:16px!important;max-width:100%!important;}
}
.hero-admin-controlled.hero-png-only.single-slider-only{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:var(--hero-height,560px)!important;
    min-height:var(--hero-height,560px)!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 50% 40%,#064d25,#002412 62%,#00150d)!important;
    border-bottom:3px solid #ffd21c!important;
}
.hero-admin-controlled.hero-png-only.single-slider-only:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:linear-gradient(90deg,rgba(0,20,10,.35),rgba(0,20,10,.08),rgba(0,20,10,.35))!important;
    pointer-events:none!important;
}
.hero-admin-controlled.hero-png-only.single-slider-only .hero-slider-center{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    overflow:hidden!important;
    z-index:2!important;
}
.hero-admin-controlled.hero-png-only.single-slider-only .hero-slider-img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) scale(.985)!important;
    max-width:92%!important;
    max-height:92%!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:1!important;
    transition:opacity .55s ease, transform .55s ease, visibility .55s ease!important;
    filter:drop-shadow(0 22px 38px rgba(0,0,0,.45))!important;
    pointer-events:none!important;
}
.hero-admin-controlled.hero-png-only.single-slider-only .hero-slider-img.active{
    opacity:1!important;
    visibility:visible!important;
    z-index:3!important;
    transform:translate(-50%,-50%) scale(1)!important;
}
@media(max-width:900px){
    .hero-admin-controlled.hero-png-only.single-slider-only{
        height:360px!important;
        min-height:360px!important;
    }
    .hero-admin-controlled.hero-png-only.single-slider-only .hero-slider-img{
        max-width:94%!important;
        max-height:88%!important;
    }
}
@media(max-width:480px){
    .hero-admin-controlled.hero-png-only.single-slider-only{
        height:300px!important;
        min-height:300px!important;
    }
    .hero-admin-controlled.hero-png-only.single-slider-only .hero-slider-img{
        max-width:96%!important;
        max-height:86%!important;
    }
}
@media(max-width:900px){
    .app-bottom-nav,.mobile-bottom-nav{
        display:grid!important;
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:2147483647!important;
        grid-template-columns:repeat(5,1fr)!important;
        min-height:74px!important;
        padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;
    }
}

/* === PHASE 23: TRUE MOBILE BOTTOM NAV FIX === */
@media (max-width: 900px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding-bottom:92px!important;
    touch-action:manipulation!important;
    -webkit-text-size-adjust:100%!important;
  }
  body > nav.mobile-bottom-nav,
  body > nav.app-bottom-nav,
  nav.mobile-bottom-nav.app-bottom-nav,
  .mobile-bottom-nav,
  .app-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:74px!important;
    margin:0!important;
    padding:8px 4px calc(8px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(0,75,38,.96),rgba(0,29,16,.99))!important;
    border-top:1px solid rgba(255,210,28,.55)!important;
    border-bottom:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.45)!important;
    z-index:2147483647!important;
    transform:none!important;
    translate:none!important;
    overflow:visible!important;
    justify-content:normal!important;
    align-items:center!important;
  }
  .mobile-bottom-nav a,
  .app-bottom-nav a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    padding:5px 2px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .mobile-bottom-nav a:first-child,
  .app-bottom-nav a:first-child{color:#ffd21c!important;}
  .mobile-bottom-nav span,
  .app-bottom-nav span{
    display:block!important;
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:800!important;
    color:inherit!important;
  }
}
@media (min-width:901px){
  .mobile-bottom-nav,.app-bottom-nav{display:none!important;}
}


/* Phase 23 Ticket Agent System */
.agent-login-card,.agent-dashboard-card{max-width:920px;margin:0 auto 24px}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:15px 0 20px}.agent-stats div,.agent-total-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,210,28,.35);border-radius:16px;padding:16px;text-align:center}.agent-stats b{display:block;color:#ffd21c;margin-bottom:8px}.agent-stats span{font-size:22px;font-weight:900}.agent-total-box{grid-column:1/-1;text-align:left}.agent-total-box p{font-size:20px;margin:8px 0}.agent-total-box b{color:#ffd21c}.agent-generated{margin-top:18px;border:1px dashed #ffd21c;border-radius:16px;padding:15px;background:rgba(0,0,0,.18)}.agent-generated span{display:inline-block;background:#ffd21c;color:#06391f;font-weight:900;padding:8px 12px;margin:5px;border-radius:10px}.agent-generated button{display:block;margin-top:12px}.btn-link.danger{background:#ff4d4d;color:#fff!important}.btn-link.alt{background:#ffd21c;color:#07391f!important;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:900}@media(max-width:768px){.agent-stats{grid-template-columns:1fr}.agent-page .admin-main{padding-bottom:92px}.agent-ticket-form input{font-size:16px}}

/* === PHASE 28 REAL FIX: Agent dashboard, BDT, mobile PDF/table, staff menu === */
.agent-submenu{margin:4px 0 8px 22px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,210,28,.25);padding-left:8px}.agent-submenu a{font-size:12px!important;padding:7px 8px!important;opacity:.9}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:8px;margin:10px 0 18px}.permission-grid>b{grid-column:1/-1;color:#07391f}.permission-grid label{margin:0!important;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:9px!important}
.agent-notice{background:rgba(0,75,38,.85);border:1px solid rgba(255,210,28,.55);border-radius:14px;padding:13px 16px;margin:0 0 18px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.agent-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:0 0 18px}.agent-summary-grid div{background:linear-gradient(135deg,#06391f,#0b6b38);border:1px solid rgba(255,210,28,.5);border-radius:18px;padding:17px;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.18)}.agent-summary-grid span{display:block;font-size:13px;opacity:.88;margin-bottom:10px}.agent-summary-grid b{font-size:24px;color:#ffd21c}.agent-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.agent-side-card{background:linear-gradient(160deg,#0b572e,#002b17);border:1px solid rgba(255,210,28,.55);border-radius:22px;color:#fff;padding:24px;box-shadow:0 14px 38px rgba(0,0,0,.22)}.agent-side-card h2{font-size:28px;color:#ffd21c}.agent-side-card p{border-bottom:1px solid rgba(255,255,255,.13);padding:10px 0;margin:0;font-weight:800}.agent-dashboard-card .agent-stats{grid-template-columns:repeat(2,1fr)}.agent-dashboard-card .agent-stats div:first-child{grid-column:1/-1;background:linear-gradient(135deg,#ffd21c,#ffb300);color:#07391f}.agent-dashboard-card .agent-stats div:first-child b,.agent-dashboard-card .agent-stats div:first-child span{color:#07391f!important}.agent-recent-table .btn-link{display:inline-block;min-width:58px;text-align:center}.done-btn{background:#0a7a25!important;color:#fff!important}
@media(max-width:900px){.agent-summary-grid{grid-template-columns:repeat(2,1fr)}.agent-layout-grid{grid-template-columns:1fr}.agent-side-card{display:none}.agent-dashboard-card .agent-stats{grid-template-columns:1fr}.agent-page .admin-main,.pro-main{padding-left:12px!important;padding-right:12px!important}.agent-recent-table table,.agent-recent-table thead,.agent-recent-table tbody,.agent-recent-table tr,.agent-recent-table th,.agent-recent-table td{display:block!important;width:100%!important}.agent-recent-table tr{background:rgba(255,255,255,.06);border:1px solid rgba(255,210,28,.25);border-radius:14px;margin:0 0 12px;padding:10px}.agent-recent-table th{display:none!important}.agent-recent-table td{border:0!important;padding:6px 0!important}.agent-recent-table td:nth-child(1):before{content:'Date: ';font-weight:900}.agent-recent-table td:nth-child(2):before{content:'Mobile: ';font-weight:900}.agent-recent-table td:nth-child(3):before{content:'Qty: ';font-weight:900}.agent-recent-table td:nth-child(4):before{content:'Amount: ';font-weight:900}.agent-recent-table td:nth-child(5):before{content:'Commission: ';font-weight:900}.agent-recent-table td:nth-child(6):before{content:'PDF: ';font-weight:900}.agent-recent-table .btn-link{width:100%;padding:10px 12px!important}}
@media(max-width:520px){.agent-summary-grid{grid-template-columns:1fr}.agent-summary-grid b{font-size:21px}.permission-grid{grid-template-columns:1fr}.ticket-actions-top{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.ticket-actions-top a{flex:1 1 auto;text-align:center}}
@media(max-width:900px){html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;touch-action:manipulation!important;-webkit-text-size-adjust:100%!important}body{padding-bottom:94px!important}.mobile-bottom-nav,.app-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100vw!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;z-index:2147483647!important}.hero-admin-controlled .hero-slider-img,.hero-slider-img{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:94%!important;max-height:88%!important;object-fit:contain!important}}

/* === PHASE 29: PDF download fix + polished agent dashboard === */
.agent-page .pro-sidebar{background:linear-gradient(180deg,#002b17,#06391f 55%,#001b0f)!important;border-right:1px solid rgba(255,210,28,.35)!important;box-shadow:12px 0 35px rgba(0,0,0,.16)!important}
.agent-page .admin-topbar{background:linear-gradient(135deg,rgba(0,75,38,.12),rgba(255,210,28,.12))!important;border:1px solid rgba(255,210,28,.22)!important;border-radius:24px!important;padding:18px 22px!important;margin-bottom:18px!important;box-shadow:0 12px 30px rgba(0,0,0,.08)!important}
.agent-page .admin-topbar h1{font-size:34px!important;color:#06391f!important;margin:0!important;letter-spacing:-.5px!important}.agent-page .admin-topbar p{margin:6px 0 0!important;font-weight:700!important;color:#456!important}
.agent-notice{position:relative!important;overflow:hidden!important;background:linear-gradient(90deg,#05381f,#0b6939)!important;border:1px solid rgba(255,210,28,.68)!important;border-radius:18px!important;padding:15px 18px 15px 48px!important;margin:0 0 20px!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important}.agent-notice:before{content:'🔔';position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px}
.agent-summary-grid{gap:16px!important;margin-bottom:22px!important}.agent-summary-grid div{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#074526,#0c6c3b)!important;border:1px solid rgba(255,210,28,.62)!important;border-radius:22px!important;padding:20px 18px!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important}.agent-summary-grid div:after{content:'';position:absolute;right:-35px;top:-35px;width:90px;height:90px;background:rgba(255,210,28,.16);border-radius:50%}.agent-summary-grid span{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.3px!important}.agent-summary-grid b{font-size:27px!important;text-shadow:0 3px 8px rgba(0,0,0,.25)!important}
.agent-layout-grid{align-items:start!important}.agent-dashboard-card{border-radius:26px!important;border:1px solid rgba(255,210,28,.45)!important;box-shadow:0 16px 45px rgba(0,0,0,.14)!important}.agent-dashboard-card h2{font-size:26px!important;margin-bottom:16px!important;color:#06391f!important}.agent-dashboard-card .agent-stats{gap:14px!important}.agent-dashboard-card .agent-stats div{border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 20px rgba(0,0,0,.08)!important}.agent-dashboard-card .agent-stats div:first-child{padding:22px!important;border:2px solid #07391f!important}.agent-dashboard-card .agent-stats div:first-child span{font-size:34px!important}.agent-ticket-form input{height:54px!important;border-radius:14px!important;border:1px solid rgba(0,0,0,.1)!important;background:#fff!important;font-weight:800!important}.agent-total-box{background:linear-gradient(135deg,#06391f,#0a6336)!important;color:#fff!important;border:1px solid rgba(255,210,28,.65)!important;border-radius:18px!important}.agent-total-box p{display:flex!important;justify-content:space-between!important;gap:12px!important}.agent-total-box b{font-size:22px!important;color:#ffd21c!important}.agent-ticket-form button{height:56px!important;border-radius:16px!important;background:linear-gradient(180deg,#0aa33d,#00792a)!important;border:2px solid #ffd21c!important;color:#fff!important;font-size:17px!important;font-weight:1000!important;box-shadow:0 12px 25px rgba(0,100,40,.28)!important}
.agent-side-card{position:sticky!important;top:16px!important;border-radius:26px!important;background:radial-gradient(circle at 50% 0,#137a43,#00301a 70%)!important}.agent-side-card h2:before{content:'🏆 ';}.agent-side-card p{font-size:15px!important}
.agent-recent-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.agent-recent-table .btn-link.alt{background:linear-gradient(180deg,#ffd21c,#ffbb00)!important;color:#07391f!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;padding:10px 14px!important;box-shadow:0 6px 14px rgba(0,0,0,.12)!important;white-space:nowrap!important}
.app-ticket-preview{background:radial-gradient(circle at top,#07522d,#002914)!important}.ticket-actions-top{position:sticky!important;top:0!important;z-index:5!important;background:rgba(0,41,20,.92)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,210,28,.35)!important;border-radius:16px!important;padding:10px!important;margin-bottom:16px!important}.ticket-actions-top a{border-radius:12px!important;font-weight:900!important;text-decoration:none!important}.download-btn{background:#ffd21c!important;color:#07391f!important}.done-btn{background:#08a044!important;color:#fff!important}.app-real-ticket{max-width:380px!important;margin-left:auto!important;margin-right:auto!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important}
@media(max-width:900px){.agent-page .sidebar{display:none!important}.agent-page .admin-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:12px 10px 105px!important}.agent-page .admin-topbar{border-radius:18px!important;padding:15px!important}.agent-page .admin-topbar h1{font-size:25px!important}.agent-summary-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.agent-summary-grid div{padding:15px 12px!important;border-radius:18px!important}.agent-summary-grid b{font-size:20px!important}.agent-summary-grid span{font-size:11px!important}.agent-dashboard-card h2{font-size:22px!important}.agent-dashboard-card .agent-stats div:first-child span{font-size:28px!important}.agent-recent-table tr{background:linear-gradient(145deg,#07391f,#0a6336)!important;color:#fff!important;border-color:rgba(255,210,28,.55)!important}.agent-recent-table td:before{color:#ffd21c!important}.agent-recent-table .btn-link.alt{display:block!important;width:100%!important;text-align:center!important;margin-top:6px!important}.ticket-preview-wrap{width:100%!important;max-width:100%!important;padding:10px 8px 105px!important}.app-real-ticket{width:calc(100vw - 22px)!important;max-width:390px!important;transform:none!important}.ticket-actions-top{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.ticket-actions-top a{font-size:13px!important;padding:10px 7px!important}}
@media(max-width:420px){.agent-summary-grid{grid-template-columns:1fr!important}.agent-total-box p{font-size:16px!important}.agent-ticket-form button{font-size:15px!important}.ticket-actions-top{grid-template-columns:1fr!important}}


/* === PHASE 30: Mobile App-like Homepage + Bottom Nav Final === */
@media (max-width: 900px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    touch-action:manipulation!important;
    -webkit-text-size-adjust:100%!important;
  }
  body{
    background:linear-gradient(180deg,#003c20 0%,#001f12 100%)!important;
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
  }
  .topbar{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    gap:8px!important;
    align-items:center!important;
    padding:10px 12px!important;
    min-height:64px!important;
    background:linear-gradient(180deg,#053b22,#002b18)!important;
    border-bottom:1px solid rgba(255,210,28,.35)!important;
  }
  .topbar .brand h1{font-size:16px!important;line-height:.9!important;margin:0!important}
  .topbar .brand p{font-size:9px!important;margin:2px 0 0!important}
  .topbar .tagline{font-size:12px!important;line-height:1.25!important;text-align:center!important;color:#fff!important}
  .topbar .tagline span{font-size:13px!important;color:#ffd21c!important}
  .topbar .actions{display:flex!important;gap:6px!important}
  .topbar .actions a{font-size:10px!important;padding:7px 9px!important;border-radius:8px!important}
  main, section, footer, .copyright{max-width:100vw!important;overflow-x:hidden!important}
  .hero, .hero-admin-controlled{
    width:100%!important;
    max-width:100%!important;
    min-height:260px!important;
    height:clamp(260px, 48vh, 420px)!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    overflow:hidden!important;
    background-position:center!important;
    background-size:cover!important;
  }
  .hero-slider-center{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .hero-slider-img, .hero-admin-controlled .hero-slider-img{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:92%!important;
    max-height:84%!important;
    object-fit:contain!important;
    margin:0!important;
  }
  .steps,.six-month-results,.results,.reviews,.secure,.review-submit-box,footer{
    width:calc(100% - 22px)!important;
    margin-left:11px!important;
    margin-right:11px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  .steps{padding:18px 12px!important;border:1px solid rgba(255,210,28,.75)!important;background:rgba(0,44,24,.76)!important}
  .steps h2{font-size:22px!important;margin:4px 0 16px!important;text-align:center!important;color:#fff!important}
  .step-grid{grid-template-columns:1fr!important;gap:10px!important}
  .step-grid div{border-radius:999px!important;background:linear-gradient(180deg,#0a7d34,#006124)!important;color:#fff!important;font-size:14px!important;padding:13px 12px!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.18)!important}
  .step-grid b{color:#ffd21c!important;font-size:20px!important}
  .mobile-bottom-nav,.app-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100vw!important;max-width:100vw!important;
    padding:8px 4px calc(9px + env(safe-area-inset-bottom))!important;
    min-height:76px!important;
    background:linear-gradient(180deg,rgba(0,75,38,.98),rgba(0,31,18,.99))!important;
    border-top:1px solid rgba(255,210,28,.7)!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.48)!important;
    z-index:2147483647!important;
    transform:none!important;
  }
  .mobile-bottom-nav a,.app-bottom-nav a{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:20px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900!important;
    padding:4px 1px!important;
    line-height:1!important;
  }
  .mobile-bottom-nav span,.app-bottom-nav span{
    font-size:10.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .mobile-bottom-nav a:first-child,.app-bottom-nav a:first-child{color:#ffd21c!important}
  .whatsapp-float{bottom:calc(96px + env(safe-area-inset-bottom))!important;right:12px!important;width:48px!important;height:48px!important;font-size:24px!important}
}
@media (min-width:901px){
  .mobile-bottom-nav,.app-bottom-nav{display:none!important}
}


/* === FINAL: Hero CTA button + compact premium mobile header === */
.hero-cta-wrap{display:flex;align-items:center;justify-content:center;padding:18px 12px 8px;background:#002915;}
.hero-cta-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:1000;letter-spacing:.2px;color:var(--hero-cta-color,#001b10)!important;font-size:var(--hero-cta-size,22px)!important;background:linear-gradient(180deg,var(--hero-cta-bg,#ffd21c),#f1b900)!important;border:2px solid rgba(255,255,255,.28);border-radius:999px;padding:15px 38px;box-shadow:0 14px 32px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.5);min-width:230px;max-width:calc(100vw - 28px);}
.hero-cta-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media(max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:manipulation!important;-webkit-text-size-adjust:100%!important;}
  .topbar{height:72px!important;min-height:72px!important;max-height:80px!important;padding:7px 10px!important;box-sizing:border-box!important;overflow:hidden!important;}
  .topbar .clover{font-size:32px!important;line-height:1!important;}
  .topbar .brand{gap:7px!important;min-width:0!important;}
  .topbar .brand h1{font-size:15px!important;line-height:.88!important;white-space:nowrap!important;}
  .topbar .brand p{display:none!important;}
  .topbar .tagline{font-size:11.5px!important;line-height:1.2!important;font-weight:900!important;}
  .topbar .tagline span{font-size:12px!important;}
  .topbar .actions a{font-size:9.5px!important;padding:6px 7px!important;}
  .hero-cta-wrap{padding:12px 10px 4px!important;background:linear-gradient(180deg,#002915,#002311)!important;}
  .hero-cta-btn{width:calc(100vw - 34px)!important;min-width:0!important;padding:14px 16px!important;border-radius:18px!important;font-size:clamp(17px,var(--hero-cta-size,21px),24px)!important;}
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;}
  .mobile-bottom-nav,.app-bottom-nav{bottom:0!important;top:auto!important;}
}
@media(min-width:901px){.mobile-bottom-nav,.app-bottom-nav{display:none!important}}

/* === PHASE 32: Premium live draw, compact ticket, admin security === */
.hero-cta-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%}
.hero-cta-subtitle{font-weight:900;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.45);line-height:1.25}
.manual-winner-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;margin:16px 0}.manual-winner-card{background:#f7fff9;border:1px solid rgba(0,84,45,.18);border-radius:16px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.08)}.manual-winner-card b{display:block;color:#004b28;margin-bottom:8px}.manual-winner-card input{width:100%;margin:4px 0;padding:10px;border:1px solid #cfded4;border-radius:10px}.premium-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#087a2f,#0ec94a);color:#fff!important;border:none;border-radius:12px;padding:12px 22px;font-weight:1000;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.16);cursor:pointer}.security-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-cards div{background:#f8fff9;border:1px solid #d6efdc;border-radius:16px;padding:18px}.security-cards b{display:block;color:#005a2d}.security-cards span{color:#51615b;font-size:13px}.live-draw-screen{position:fixed;inset:0;z-index:2147483600;display:none;grid-template-columns:360px 1fr;background:radial-gradient(circle at 55% 35%,#07592b 0,#00391e 34%,#00160c 100%);color:#fff;overflow:hidden}.live-close{position:absolute;right:22px;top:20px;width:54px;height:54px;border-radius:50%;background:#db1010;color:#fff;border:2px solid rgba(255,255,255,.45);font-size:34px;font-weight:1000;z-index:3;cursor:pointer}.live-winner-board{margin:24px 0 24px 24px;border:1px solid rgba(255,210,28,.55);border-radius:22px;background:rgba(0,29,15,.72);padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:hidden}.live-winner-board h2{color:#ffd21c;margin:0 0 16px;font-size:26px}.live-pill{display:inline-flex;align-items:center;gap:8px;background:#881414;border:1px solid #ff4a4a;border-radius:999px;padding:8px 14px;font-weight:1000}.live-pill i{width:11px;height:11px;border-radius:50%;background:#ff3030;box-shadow:0 0 18px #ff3030}.live-winner-board h3{font-size:24px;margin:24px 0 14px}.live-winner-list{display:grid;grid-template-columns:1fr;gap:8px}.live-winner-item{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center;background:linear-gradient(90deg,rgba(255,210,28,.11),rgba(0,91,45,.4));border:1px solid rgba(255,210,28,.38);border-radius:14px;padding:10px 12px;animation:winnerIn .45s ease both}.live-winner-item b{color:#ffd21c}.live-winner-item strong{font-size:22px;color:#fff}.live-winner-item span{font-size:12px;color:#d7f9e4}.live-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative}.live-stage .party{font-size:46px;filter:drop-shadow(0 0 20px #ffd21c)}.live-stage h1{font-size:56px;color:#ffd21c;margin:10px 0 30px;text-shadow:0 8px 30px rgba(0,0,0,.5)}.ticket-drum{position:relative;width:min(720px,80vw);min-height:260px;border:2px solid rgba(255,210,28,.55);border-radius:42px;background:linear-gradient(180deg,rgba(28,94,31,.85),rgba(0,31,16,.88));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 65px rgba(255,210,28,.08),0 25px 90px rgba(0,0,0,.44);overflow:hidden}.ticket-drum:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,210,28,.13),transparent,rgba(16,201,84,.16),transparent);animation:spinGlow 4s linear infinite}.drum-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,28,.18),transparent 65%);animation:pulseGlow 1.6s ease-in-out infinite}.rolling-number{position:relative;z-index:1;font-size:84px;letter-spacing:22px;font-weight:1000;color:#ffe680;text-shadow:0 5px 0 rgba(0,0,0,.18),0 0 25px rgba(255,210,28,.52);font-family:Impact,Arial Black,Arial,sans-serif}.ticket-drum p{position:relative;z-index:1;font-size:18px;font-weight:900;color:#d7eadf}.live-progress{position:absolute;left:12%;right:12%;bottom:38px;height:13px;background:rgba(255,255,255,.13);border-radius:999px;overflow:hidden}.live-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#15d15a,#ffd21c);border-radius:999px;transition:width .18s linear}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:12%;width:9px;height:16px;border-radius:3px;animation:confettiFall 2s ease-out forwards}@keyframes winnerIn{from{opacity:0;transform:translateX(-20px) scale(.96)}to{opacity:1;transform:none}}@keyframes spinGlow{to{transform:rotate(360deg)}}@keyframes pulseGlow{50%{transform:scale(1.2);opacity:.65}}@keyframes confettiFall{to{transform:translateY(80vh) rotate(720deg);opacity:0}}
@media(max-width:900px){.manual-winner-grid{grid-template-columns:1fr}.security-cards{grid-template-columns:1fr}.live-draw-screen{grid-template-columns:1fr;overflow:auto}.live-winner-board{order:2;margin:12px;border-radius:18px;padding:14px}.live-stage{min-height:70vh;padding:70px 12px 20px}.live-stage h1{font-size:34px}.ticket-drum{width:94vw;min-height:220px;border-radius:28px}.rolling-number{font-size:44px;letter-spacing:8px}.live-winner-item{grid-template-columns:68px 1fr;gap:6px}.live-winner-item span{grid-column:2}.live-close{right:12px;top:12px;width:44px;height:44px;font-size:28px}}

/* compact HTML ticket preview alignment */
.app-real-ticket{max-width:300px!important;min-height:auto!important;padding:22px 18px 24px!important}.app-real-ticket h1{font-size:24px!important;margin:0 0 8px!important}.app-real-ticket h2{font-size:13px!important;margin:0 0 13px!important}.app-real-ticket strong{font-size:34px!important}.app-real-ticket .qr-img{width:118px!important;height:118px!important}.ticket-price-badge{font-weight:1000!important;background:#c000d7!important;color:#fff!important;border-radius:0 8px 8px 8px!important;padding:8px 12px!important;right:-8px!important;top:-16px!important}


/* Phase33 compact ticket preview/download visual fix */
.app-real-ticket.real-ticket,
.app-real-ticket{
  max-width:300px!important;
  width:min(300px,92vw)!important;
  padding:24px 18px 24px!important;
  min-height:auto!important;
  background:#f5efe4!important;
  border:3px solid #0b3b22!important;
  box-shadow:none!important;
  color:#111!important;
}
.app-real-ticket h1{font-size:22px!important;margin:0 0 8px!important;line-height:1.15!important;color:#063b22!important;white-space:nowrap!important;}
.app-real-ticket h2{font-size:10px!important;margin:0 0 14px!important;letter-spacing:.4px!important;}
.app-real-ticket .ticket-sep{margin:14px 14px!important;border-top:1px solid #55705d!important;}
.app-real-ticket p{font-size:10px!important;margin:6px 0!important;}
.app-real-ticket strong{font-size:26px!important;margin:6px 0!important;line-height:1!important;}
.app-real-ticket h3{font-size:14px!important;margin:15px 0 8px!important;color:#063b22!important;}
.app-real-ticket .small{font-size:8px!important;margin:5px 0 9px!important;}
.app-real-ticket .qr-img{width:92px!important;height:92px!important;object-fit:contain!important;}
.app-real-ticket small{font-size:6px!important;line-height:1.25!important;max-width:210px!important;margin:8px auto 0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.app-real-ticket .ticket-price-badge{right:-2px!important;top:-2px!important;min-width:54px!important;height:28px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffd21c!important;color:#07391f!important;border-radius:0!important;font-size:13px!important;font-weight:1000!important;}
@media(max-width:640px){
  .app-real-ticket.real-ticket,.app-real-ticket{width:min(290px,92vw)!important;padding:22px 16px 22px!important;}
  .app-real-ticket h1{font-size:20px!important;}
  .app-real-ticket strong{font-size:24px!important;}
  .app-real-ticket .qr-img{width:88px!important;height:88px!important;}
}

/* === PHASE 35: Clean admin dashboards, premium live draw, grouped menus, ads === */
.admin-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:0 0 18px}.dash-card{display:block;text-decoration:none;background:linear-gradient(135deg,#ffffff,#f2fff7);border:1px solid rgba(0,91,45,.14);border-radius:20px;padding:20px;box-shadow:0 16px 36px rgba(0,0,0,.08);transition:.2s}.dash-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(0,0,0,.13)}.dash-card strong{display:block;color:#004b28;font-size:18px;margin-bottom:7px}.dash-card span{font-size:13px;color:#52635a;line-height:1.35}.premium-admin-nav details.admin-accordion{margin:5px 10px;border-radius:14px;overflow:hidden}.premium-admin-nav details.admin-accordion summary{list-style:none;display:flex;gap:10px;align-items:center;padding:12px 14px;color:#e8fff0;cursor:pointer;border-radius:14px}.premium-admin-nav details.admin-accordion summary::-webkit-details-marker{display:none}.premium-admin-nav details.admin-accordion summary:hover,.premium-admin-nav details.admin-accordion[open] summary{background:rgba(255,210,28,.12);color:#ffd21c}.premium-admin-nav details.admin-accordion summary b{flex:1}.premium-admin-nav details.admin-accordion summary em:after{content:'▶';font-style:normal;font-size:12px}.premium-admin-nav details.admin-accordion[open] summary em:after{content:'▼'}.accordion-submenu{display:grid;gap:4px;background:rgba(0,0,0,.12);padding:7px 8px 10px;margin:0 6px 8px;border-radius:12px}.accordion-submenu a{font-size:13px!important;padding:9px 12px!important;border-radius:10px!important;margin:0!important;color:#dfffe9!important;text-decoration:none}.accordion-submenu a:hover,.accordion-submenu a.active{background:linear-gradient(90deg,#0ba348,#ffd21c)!important;color:#002512!important}.premium-live-draw:before{content:'';position:absolute;inset:14px;border:2px solid rgba(255,210,28,.55);border-radius:30px;box-shadow:0 0 42px rgba(255,210,28,.24),inset 0 0 35px rgba(255,210,28,.08);pointer-events:none;animation:stagePulse 2.8s ease-in-out infinite}.premium-live-draw:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 58%);transform:translateX(-120%);animation:stageSweep 5s linear infinite;pointer-events:none}.live-bg-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.live-bg-particles i{position:absolute;width:8px;height:8px;background:#ffd21c;border-radius:50%;box-shadow:0 0 18px #ffd21c;opacity:.55;animation:floatGold 8s linear infinite}.live-bg-particles i:nth-child(1){left:10%;top:20%;animation-delay:0s}.live-bg-particles i:nth-child(2){left:25%;top:70%;animation-delay:1s}.live-bg-particles i:nth-child(3){left:50%;top:18%;animation-delay:2s}.live-bg-particles i:nth-child(4){left:74%;top:80%;animation-delay:3s}.live-bg-particles i:nth-child(5){left:88%;top:32%;animation-delay:4s}.live-bg-particles i:nth-child(6){left:60%;top:55%;animation-delay:5s}.premium-stage{padding:28px}.stage-frame{position:relative;width:min(920px,88vw);min-height:72vh;border-radius:42px;border:1px solid rgba(255,210,28,.44);background:radial-gradient(circle at center,rgba(7,107,47,.45),rgba(0,20,11,.45));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 100px rgba(0,0,0,.36),inset 0 0 80px rgba(255,210,28,.08);overflow:hidden}.stage-frame .corner{position:absolute;width:72px;height:72px;border-color:#ffd21c;filter:drop-shadow(0 0 15px #ffd21c)}.stage-frame .c1{left:18px;top:18px;border-left:5px solid;border-top:5px solid;border-radius:18px 0 0 0}.stage-frame .c2{right:18px;top:18px;border-right:5px solid;border-top:5px solid;border-radius:0 18px 0 0}.stage-frame .c3{left:18px;bottom:18px;border-left:5px solid;border-bottom:5px solid;border-radius:0 0 0 18px}.stage-frame .c4{right:18px;bottom:18px;border-right:5px solid;border-bottom:5px solid;border-radius:0 0 18px 0}.premium-ticket-drum{border-width:3px!important;box-shadow:0 0 0 8px rgba(255,210,28,.08),0 0 60px rgba(255,210,28,.25),inset 0 0 80px rgba(0,0,0,.4)!important}.light-sweep{position:absolute;top:-80%;bottom:-80%;width:90px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(16deg);animation:drumSweep 2.4s linear infinite}.live-counter{margin-top:16px;background:rgba(255,210,28,.14);border:1px solid rgba(255,210,28,.45);color:#ffd21c;border-radius:999px;padding:9px 18px;font-weight:1000;position:relative;z-index:1}.fixed-ten-winner-list{grid-template-rows:repeat(10,auto);gap:7px}.live-winner-item.pending{opacity:.62;background:rgba(255,255,255,.07);border-style:dashed}.live-winner-item.pending strong{font-size:16px;color:#a8cbb7}.premium-board{max-height:calc(100vh - 48px);overflow:hidden}.premium-board .live-winner-item{min-height:42px}.ad-layout{width:100%;max-width:1160px;margin:14px auto;text-align:center;overflow:hidden}.ad-homepage_top,.ad-header{margin-top:10px}.ad-left_sidebar,.ad-right_sidebar{position:fixed;top:130px;width:160px;z-index:20}.ad-left_sidebar{left:8px}.ad-right_sidebar{right:8px}.ad-mobile_bottom{display:none}@keyframes stagePulse{50%{box-shadow:0 0 62px rgba(255,210,28,.45),inset 0 0 45px rgba(255,210,28,.12)}}@keyframes stageSweep{to{transform:translateX(120%)}}@keyframes floatGold{0%{transform:translateY(40px) scale(.8);opacity:0}20%,80%{opacity:.7}100%{transform:translateY(-80px) scale(1.2);opacity:0}}@keyframes drumSweep{from{left:-20%}to{left:120%}}
@media(max-width:900px){.admin-dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-card{padding:14px;border-radius:16px}.dash-card strong{font-size:15px}.stage-frame{width:94vw;min-height:66vh;border-radius:28px}.premium-live-draw:before{inset:8px;border-radius:18px}.premium-stage{padding:12px}.premium-board{max-height:none}.ad-left_sidebar,.ad-right_sidebar{display:none}.ad-mobile_bottom{display:block;position:fixed;left:8px;right:8px;bottom:78px;z-index:999;background:rgba(255,255,255,.96);border-radius:14px;padding:5px;box-shadow:0 10px 30px rgba(0,0,0,.18)}}


/* === Phase36 final fixes: exact ticket, mobile header, ads, premium draw === */
.ticket-preview-body.app-ticket-preview{background:#003b20!important;min-height:100vh!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:18px 12px 90px!important;overflow-x:hidden!important;}
.ticket-preview-wrap{width:100%!important;max-width:520px!important;margin:auto!important;}
.ticket-actions-top{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 18px!important;gap:10px!important;}
.ticket-actions-top a{background:#fff!important;color:#111!important;border-radius:10px!important;padding:10px 16px!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;}
.ticket-actions-top .download-btn{background:#ffd21c!important;color:#001b10!important;}
.real-ticket.app-real-ticket,.app-real-ticket.real-ticket{position:relative!important;width:min(430px,92vw)!important;max-width:430px!important;min-height:0!important;margin:0 auto!important;padding:52px 34px 20px!important;background:#f6efdf!important;color:#000!important;border:3px dashed #111!important;box-shadow:none!important;text-align:center!important;box-sizing:border-box!important;}
.app-real-ticket h1{font-size:22px!important;line-height:1.1!important;margin:0 0 8px!important;letter-spacing:0!important;font-weight:900!important;color:#000!important;}
.app-real-ticket h2{font-size:12px!important;line-height:1.1!important;margin:0 0 22px!important;font-weight:500!important;color:#000!important;}
.app-real-ticket .ticket-sep{border-top:1px solid #777!important;margin:18px 0!important;}
.app-real-ticket p{font-size:18px!important;line-height:1.2!important;margin:9px 0!important;color:#000!important;}
.app-real-ticket p:first-of-type{font-size:18px!important;}
.app-real-ticket strong{font-size:36px!important;line-height:1!important;margin:10px 0!important;display:block!important;color:#000!important;}
.app-real-ticket .green-label{font-size:18px!important;color:#087540!important;font-weight:900!important;}
.app-real-ticket h3{font-size:22px!important;margin:21px 0 16px!important;color:#000!important;}
.app-real-ticket .small{font-size:14px!important;margin:0 0 10px!important;color:#000!important;}
.app-real-ticket .qr-img{display:block!important;width:110px!important;height:110px!important;object-fit:contain!important;margin:10px auto 12px!important;border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;}
.app-real-ticket small{display:block!important;font-size:12px!important;line-height:1.15!important;word-break:break-all!important;color:#000!important;max-width:100%!important;}
.app-real-ticket .ticket-price-badge{position:absolute!important;right:-3px!important;top:-3px!important;background:#b80fc3!important;color:#fff!important;border-radius:0 0 0 10px!important;padding:11px 18px!important;font-size:18px!important;font-weight:900!important;line-height:1!important;z-index:3!important;}
@media(max-width:640px){.real-ticket.app-real-ticket,.app-real-ticket.real-ticket{width:min(390px,94vw)!important;padding:48px 28px 18px!important}.app-real-ticket h1{font-size:20px!important}.app-real-ticket h2{font-size:11px!important}.app-real-ticket strong{font-size:32px!important}.app-real-ticket p,.app-real-ticket .green-label{font-size:16px!important}.app-real-ticket .qr-img{width:104px!important;height:104px!important}.app-real-ticket small{font-size:10px!important}.app-real-ticket .ticket-price-badge{font-size:17px!important;padding:10px 16px!important}}
@media(max-width:900px){.topbar{height:74px!important;min-height:74px!important;padding:8px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:linear-gradient(90deg,#002812,#004b27,#002812)!important;animation:mobileHeaderGlow 5s ease-in-out infinite!important}.topbar .brand{gap:8px!important;min-width:130px!important}.topbar .clover{font-size:30px!important}.topbar .brand h1{font-size:24px!important;line-height:.82!important}.topbar .brand p{font-size:7px!important;margin:3px 0 0!important}.topbar .tagline{flex:1!important;text-align:right!important;font-size:18px!important;line-height:1.15!important;font-weight:900!important}.topbar .actions{display:none!important}.hero img,.hero-banner,.hero-slide,.hero-slider img{display:block!important;margin-left:auto!important;margin-right:auto!important;object-fit:contain!important;max-width:92vw!important}.latest-result,.draw-result,.result-head,.winner-board{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.copyright{display:block!important;text-align:center!important;padding:16px 10px 84px!important;background:#001b10!important;color:#dfffe8!important;border-top:1px solid #ffd21c!important}}
@keyframes mobileHeaderGlow{0%,100%{box-shadow:0 0 0 rgba(255,210,28,0)}50%{box-shadow:0 0 24px rgba(255,210,28,.24)}}
/* Ads render fix */
.ad-layout{display:block!important;min-height:1px!important}.ad-layout iframe,.ad-layout img{max-width:100%!important}.ad-left_sidebar,.ad-right_sidebar{background:rgba(0,40,20,.85)!important}.ad-mobile_bottom{max-height:90px!important;overflow:hidden!important}
/* Live draw fireworks/flower overlay */
.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:8}.confetti-layer i{position:absolute;top:-18px;width:10px;height:16px;border-radius:2px;animation:confettiFall 2.8s ease-out forwards}.confetti-layer .fw{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd21c;box-shadow:0 0 18px #ffd21c;animation:fireworkPop 1.2s ease-out forwards}.confetti-layer .petal{position:absolute;width:14px;height:10px;border-radius:60% 40% 60% 40%;background:#ff4d8d;animation:petalFloat 3s ease-out forwards}.winner-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);z-index:999999;background:linear-gradient(135deg,#fff7d6,#ffd21c);color:#002812;border:3px solid #fff;border-radius:24px;padding:24px 34px;text-align:center;box-shadow:0 25px 90px rgba(0,0,0,.45),0 0 40px rgba(255,210,28,.65);font-weight:1000;font-size:24px;opacity:0;animation:winnerPopup 3.4s ease-in-out forwards}.winner-popup small{display:block;font-size:15px;margin-top:8px;color:#08421f}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translateY(105vh) rotate(720deg);opacity:0}}@keyframes fireworkPop{0%{transform:scale(.2);opacity:1}80%{transform:scale(5);opacity:.45}100%{transform:scale(7);opacity:0}}@keyframes petalFloat{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(90vh) translateX(80px) rotate(360deg);opacity:0}}@keyframes winnerPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}12%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.9)}}