@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";
:root{--gold:#f5a623;--gold2:#d4881a;--green:#00a651;--green2:#009044}*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f4f7ff;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.sky-world{background:linear-gradient(#0a1628 0%,#0d2347 12%,#1a3a6e 28%,#1e6bb5 50%,#3a8fd4 68%,#6ab4e8 82%,#a8d4f0 93%,#d4eaf8 100%);height:260px;position:relative;overflow:hidden}.stars{height:55%;position:absolute;inset:0}.star{background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.sky-title-overlay{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.sky-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:10px}.sky-main-title{letter-spacing:.05em;color:#fff;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:clamp(34px,8vw,72px);line-height:.95}.sky-sub-title{letter-spacing:.14em;color:#fff9;font-family:Bebas Neue,sans-serif;font-size:clamp(14px,3vw,22px)}.main-section{z-index:6;position:relative}.main{max-width:900px;margin:0 auto;padding:48px 20px 120px}.event-meta-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}.countdown-timer{text-align:center;background:linear-gradient(135deg,#0a1628 0%,#1a3a6e 100%);border-radius:16px;margin-bottom:36px;padding:24px 32px;box-shadow:0 8px 32px #0a162840}.countdown-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:11px}.countdown-units{justify-content:center;gap:24px;display:flex}.countdown-unit{flex-direction:column;align-items:center;min-width:60px;display:flex}.countdown-value{color:#fff;background:#ffffff1a;border-radius:8px;min-width:60px;padding:8px 12px;font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1}.countdown-name{letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-top:8px;font-size:10px}.meta-pill{color:#555;background:#fff;border:1px solid #00000014;border-radius:100px;padding:9px 16px;font-size:13px;box-shadow:0 2px 8px #0000000d}.section-label{letter-spacing:.22em;text-transform:uppercase;color:#888;margin-bottom:20px;font-size:10px}.ticket-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:36px;display:grid}.ticket-card{background:#fff;border:1.5px solid #00000012;border-radius:24px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000d}.ticket-card:before{content:"";background:linear-gradient(90deg, var(--gold), transparent);height:3px;position:absolute;top:0;left:0;right:0}.ticket-card.active{border-color:var(--gold);box-shadow:0 0 0 2px #f5a62333,0 16px 48px #f5a6232e}.ticket-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ticket-name{letter-spacing:.05em;font-family:Bebas Neue,sans-serif;font-size:26px}.ticket-badge{letter-spacing:.15em;text-transform:uppercase;color:var(--gold2);background:#f5a6231a;border:1px solid #f5a6234d;border-radius:100px;padding:4px 10px;font-size:9px}.ticket-price{letter-spacing:-.02em;margin-bottom:2px;font-family:Bebas Neue,sans-serif;font-size:50px;line-height:1}.ticket-price span{color:#999;vertical-align:super;font-size:17px}.ticket-desc{color:#888;margin-bottom:24px;font-size:12px;line-height:1.5}.qty-row{align-items:center;gap:14px;display:flex}.qty-btn{color:#333;cursor:pointer;background:#f5f5f5;border:1.5px solid #0000001a;border-radius:50%;width:38px;height:38px;font-size:20px}.qty-val{text-align:center;min-width:32px;font-family:Bebas Neue,sans-serif;font-size:28px}.qty-sub{color:#999;margin-left:auto;font-size:13px}.summary-box{background:#fff;border:1.5px solid #00000012;border-radius:20px;margin-bottom:20px;padding:24px 26px}.summary-rows{margin-bottom:16px}.s-row{color:#888;border-bottom:1px solid #0000000d;justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.s-row span:last-child{color:#111;font-weight:600}.total-row{border-top:1.5px solid #00000014;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.total-label{font-size:15px;font-weight:700}.total-val{color:var(--green);font-family:Bebas Neue,sans-serif;font-size:34px}.pay-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:18px;font-size:16px;font-weight:700;display:none;box-shadow:0 8px 30px #00a65140}.pay-btn.visible{display:block}.sticky-bar{background:var(--gold);z-index:50;justify-content:space-between;align-items:center;padding:14px 20px;display:none;position:fixed;bottom:0;left:0;right:0}.sticky-bar.visible{display:flex}.sticky-total{font-family:Bebas Neue,sans-serif;font-size:22px}.sticky-total small{font-size:11px;display:block}.sticky-btn{color:var(--gold);cursor:pointer;background:#000;border:none;border-radius:100px;padding:12px 24px;font-size:14px;font-weight:700}.overlay{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:all}.modal{background:#1a1a1a;border:1px solid #ffffff14;border-radius:28px 28px 0 0;width:100%;max-width:500px;max-height:94vh;padding:32px 28px 44px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;transform:translateY(100%)}.overlay.show .modal{transform:translateY(0)}.modal-handle{background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 28px}.modal-title{letter-spacing:.03em;color:#fff;margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:30px}.modal-sub{color:#9ca3af;margin-bottom:16px;font-size:13px;line-height:1.5}.field{margin-bottom:16px}.field label{letter-spacing:.1em;text-transform:uppercase;color:#777;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:14px 16px;font-size:15px}.err{color:#ff6b6b;margin-top:5px;font-size:12px;display:none}.err.show{display:block}.pay-detail-box{background:#00a65112;border:1px solid #00a65140;border-radius:16px;margin-bottom:18px;padding:18px 20px}.pay-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.pay-row:last-child{border-bottom:none}.pay-row .lbl{color:#a3a3a3}.pay-row .val{color:#fff;text-align:right;max-width:60%;font-weight:600}.pay-row .val.green{color:var(--green);font-family:Bebas Neue,sans-serif;font-size:24px}.qr-note{color:#b5b5b5;margin-top:14px;font-size:12px;line-height:1.6}.modal-btn{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:700}.modal-btn.green{background:var(--green);color:#fff}.modal-btn.ghost{color:#9ca3af;background:0 0;border:1px solid #ffffff26}footer{text-align:center;color:#8a8a8a;background:#f4f7ff;border-top:1px solid #0000000f;padding:32px 20px 90px;font-size:12px}footer a{color:var(--gold);text-decoration:none}.loadingOverlay{z-index:9999;background:#000000bf;place-items:center;display:grid;position:fixed;inset:0}.loadingCard{color:#fff;text-align:center;background:#111827;border-radius:12px;width:min(520px,100% - 24px);padding:24px}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width:600px){.overlay{align-items:center;padding:20px}.modal{border-radius:28px}.sticky-bar{display:none!important}footer{padding-bottom:32px}}