:root{--bg:#101010;--surface:#181818;--surface-2:#222;--surface-3:#2c2c2c;--text:#f6f2ea;--muted:#b9b0a4;--line:#393633;--green:#31f6a3;--pink:#f25fd0;--yellow:#ffcf5a;--cyan:#66e6ff;--danger:#ff6b6b;--radius:8px;--shadow:0 18px 44px #00000052}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{min-height:100vh;color:var(--text);background:linear-gradient(180deg, #31f6a314, transparent 280px), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101010e0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:flex}.brand__mark{border-radius:var(--radius);color:#111;background:var(--green);border:1px solid #31f6a380;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 24px #31f6a338}.main-nav{color:var(--muted);align-items:center;gap:6px;display:flex}.main-nav a{border-radius:var(--radius);padding:10px 12px;font-size:.93rem}.main-nav a:hover{color:var(--text);background:#ffffff12}.topbar__actions{align-items:center;gap:8px;display:flex}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 64px}.page-header{gap:12px;margin-bottom:24px;display:grid}.page-header h1{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(2rem,6vw,4.6rem);line-height:.98}.page-header p{max-width:760px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:.78rem;font-weight:800}.icon-button,.primary-action,.secondary-action{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.icon-button{width:42px;color:var(--text);background:var(--surface-2)}.icon-button--label{width:auto;padding:0 13px}.primary-action{color:#111;background:var(--green);padding:0 16px}.secondary-action{color:var(--text);border-color:var(--line);background:#ffffff0a;padding:0 16px}.icon-button:hover,.secondary-action:hover{background:var(--surface-3);border-color:#ffffff2e}.primary-action:hover{filter:brightness(1.06)}.home-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:18px;display:grid}.featured-event{border-radius:var(--radius);background:var(--surface);min-height:520px;box-shadow:var(--shadow);border:1px solid #ffffff1a;display:grid;position:relative;overflow:hidden}.featured-event img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured-event:after{content:"";background:linear-gradient(90deg,#101010f0,#1010104d),linear-gradient(#0000 52%,#101010e0);position:absolute;inset:0}.featured-event__content{z-index:1;align-self:end;gap:18px;max-width:680px;padding:34px;display:grid;position:relative}.featured-event h1{letter-spacing:0;margin:0;font-size:clamp(2.2rem,6vw,5.2rem);line-height:.95}.featured-event p{color:#e9e0d4;max-width:620px;margin:0;font-size:1.03rem;line-height:1.6}.action-row{flex-wrap:wrap;gap:10px;display:flex}.rail{gap:14px;display:grid}.rail-section{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;padding:18px}.rail-section h2,.section-title h2,.ticket-panel h2{margin:0;font-size:1.08rem}.rail-list{gap:12px;margin-top:16px;display:grid}.rail-item{border-bottom:1px solid #ffffff14;gap:4px;padding-bottom:12px;display:grid}.rail-item:last-child{border-bottom:0;padding-bottom:0}.rail-item strong{font-size:.95rem}.rail-item span,.rail-item small{color:var(--muted)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.stat-card{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;gap:8px;min-height:130px;padding:18px;display:grid}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font-size:2rem;line-height:1}.section-title{justify-content:space-between;align-items:end;gap:16px;margin:32px 0 16px;display:flex}.section-title p{color:var(--muted);margin:6px 0 0}.event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.event-card{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;display:grid;overflow:hidden}.event-card__media{aspect-ratio:16/10;background:var(--surface-2);display:block;position:relative;overflow:hidden}.event-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.event-card:hover .event-card__media img{transform:scale(1.04)}.event-card__badge{border-radius:var(--radius);color:var(--text);text-transform:uppercase;background:#101010d1;border:1px solid;padding:7px 10px;font-size:.75rem;font-weight:800;position:absolute;top:12px;left:12px}.event-card__body{gap:16px;padding:18px;display:grid}.event-card h3{margin:0 0 8px;font-size:1.16rem}.event-card p{color:var(--muted);margin:0;line-height:1.5}.event-meta{gap:10px;margin:0;display:grid}.event-meta div{color:var(--muted);grid-template-columns:20px 48px 1fr;align-items:center;gap:8px;font-size:.88rem;display:grid}.event-meta dt,.event-meta dd{margin:0}.event-meta dt{color:var(--text);font-weight:800}.event-card__footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.event-card__footer span{color:var(--muted);font-size:.88rem}.filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.filter-chip{border:1px solid var(--line);border-radius:var(--radius);min-height:36px;color:var(--muted);background:#ffffff0a;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.filter-chip[data-active=true]{color:#111;border-color:var(--green);background:var(--green)}.detail-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.event-detail-hero{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;overflow:hidden}.event-detail-hero img{object-fit:cover;width:100%;height:420px}.detail-content{gap:20px;padding:24px;display:grid}.detail-content h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.detail-content p{color:var(--muted);margin:0;line-height:1.7}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:7px 10px;font-size:.84rem}.ticket-panel{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff1a;gap:18px;padding:20px;display:grid;position:sticky;top:92px}.ticket-list{gap:10px;display:grid}.ticket-option{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff17;grid-template-columns:1fr auto;gap:14px;padding:14px;display:grid}.ticket-option h3{margin:0 0 6px;font-size:.98rem}.ticket-option p,.ticket-option small{color:var(--muted);margin:0;line-height:1.45}.checkout-layout,.dashboard-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;padding:20px}.panel h2,.panel h3{margin:0 0 14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:.84rem;font-weight:800}.field input,.field select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);background:var(--surface-2);padding:0 12px}.field--full{grid-column:1/-1}.summary-list,.table-list{gap:10px;display:grid}.summary-row{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.summary-row strong{color:var(--text)}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.payment-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a;min-height:110px;padding:16px}.payment-card strong{margin-bottom:6px;display:block}.payment-card span{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:13px 10px}.data-table th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.status-pill{border-radius:var(--radius);min-height:28px;color:var(--green);background:#31f6a314;border:1px solid #31f6a359;align-items:center;padding:0 9px;font-size:.8rem;font-weight:800;display:inline-flex}.game-table-card{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;gap:12px;padding:18px;display:grid}.game-table-card h3{margin:0}.game-table-card p{color:var(--muted);margin:0}.club-band{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:18px;display:grid}.club-panel{border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff17;padding:24px}.club-panel h2{margin:0 0 12px}.club-panel p{color:var(--muted);margin:0;line-height:1.6}@media (max-width:980px){.topbar__inner{flex-direction:column;align-items:flex-start;padding:16px 0}.main-nav{width:100%;padding-bottom:2px;overflow-x:auto}.home-grid,.detail-layout,.checkout-layout,.dashboard-layout,.club-band{grid-template-columns:1fr}.ticket-panel{position:static}.event-grid,.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.topbar__actions{width:100%}.topbar__actions .secondary-action,.topbar__actions .primary-action{flex:1}.featured-event{min-height:620px}.featured-event__content{padding:22px}.event-grid,.stats-grid,.dashboard-grid,.form-grid,.payment-grid{grid-template-columns:1fr}.event-detail-hero img{height:280px}.section-title{flex-direction:column;align-items:start}.data-table{min-width:620px}.panel{overflow-x:auto}}