:root{color-scheme:dark;--bg: #08090b;--text: #f8fafc;--muted: #aab2c0;--accent: #7dd3fc}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 28rem),var(--bg)}body::selection{color:#061014;background:var(--accent)}main{overflow:hidden}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.hero{position:relative;min-height:100vh;display:grid;align-items:center;padding:96px 0 72px;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-2}.heroGlow{position:absolute;width:min(52vw,620px);aspect-ratio:1;right:-16vw;top:9vh;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.2),transparent 68%);filter:blur(10px);z-index:-1;animation:floatGlow 7s ease-in-out infinite}.heroContent{max-width:900px;animation:fadeUp .7s ease both}.statusTag{display:inline-flex;align-items:center;min-height:32px;margin-bottom:18px;border:1px solid rgba(125,211,252,.28);border-radius:999px;padding:0 12px;color:var(--accent);background:#7dd3fc14;font-size:.78rem;font-weight:800}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,p{margin-top:0}h1{max-width:980px;margin-bottom:24px;font-size:clamp(4rem,13vw,9.5rem);line-height:.9;font-weight:850;letter-spacing:0}p{color:var(--muted)}.heroText{max-width:720px;margin-bottom:34px;color:#d8dde6;font-size:clamp(1.12rem,2.5vw,1.45rem);line-height:1.55}.heroActions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}.heroActions span{color:var(--muted);font-size:.95rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;min-height:52px;align-items:center;justify-content:center;border-radius:999px;padding:0 24px;border:1px solid transparent;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.42;transform:none}.primary{color:#061014;background:var(--accent);box-shadow:0 16px 44px #38bdf838}.primary:hover{background:#bae6fd}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeIn .18s ease both}.ticketModal{position:relative;width:min(520px,100%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;background:radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 18rem),#101218;box-shadow:0 28px 90px #00000070;animation:fadeUp .24s ease both}.closeButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:18px;right:18px;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text);background:#ffffff0a;font-size:1rem}.ticketModal h2{margin:0 0 22px;font-size:clamp(2rem,7vw,3.2rem);line-height:1;letter-spacing:0}.ticketForm{display:grid;gap:16px}.ticketForm label{display:grid;gap:8px;color:#d8dde6;font-size:.9rem;font-weight:700}.ticketForm input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:0 14px;color:var(--text);background:#ffffff0e;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.ticketForm input:focus{border-color:#7dd3fcb8;box-shadow:0 0 0 4px #7dd3fc1f}.checkoutButton{width:100%;margin-top:8px}.confirmationPage{min-height:100vh;display:grid;place-items:center;padding:24px}.confirmationPanel{width:min(720px,100%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;background:radial-gradient(circle at top right,rgba(125,211,252,.14),transparent 18rem),#101218;box-shadow:0 28px 90px #00000052}.confirmationPanel h1{max-width:760px;margin:0 0 22px;font-size:clamp(2.35rem,8vw,5rem);line-height:1;font-weight:850;letter-spacing:0}.orderSummary,.ticketSummary{display:grid;grid-template-columns:minmax(120px,.36fr) minmax(0,1fr);gap:12px 18px;margin-top:22px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}.orderSummary span,.ticketSummary span{color:var(--muted);font-size:.92rem}.orderSummary strong,.ticketSummary strong{min-width:0;overflow-wrap:anywhere}.statusText{margin:20px 0 0}.errorText{color:#fca5a5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{0%,to{transform:translateZ(0)}50%{transform:translate3d(-18px,18px,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:620px){.container{width:min(100% - 28px,1120px)}.hero{padding-top:72px}h1{font-size:clamp(3.65rem,19vw,5rem)}.heroActions,.button{width:100%}.heroActions span{width:100%;text-align:center}}
