@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg:#0b1221;--bg-2:#131b2e;--surface:#1a2338;--surface-hover:#243049;--ink:#f4f6fb;--muted:#9aa6bf;--line:hsla(0,0%,100%,.1);--accent:#1d8df0;--accent-2:#4fb7ff;--live:#ff3b5c;--amber:#ffb547;--radius:10px;--font:"Outfit","Avenir Next","Segoe UI",sans-serif;--glow:0 10px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;background:radial-gradient(1200px 600px at 50% -10%,#1c3663 0,var(--bg) 55%) fixed,var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:700;line-height:1.1;margin:0 0 .5rem;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:1.35rem;margin-top:.5rem}h2,h3{font-weight:600}h3{font-size:1.1rem}p{margin:0 0 1rem;max-width:62ch}main{max-width:1280px;margin:0 auto;padding:1.5rem 2rem 5rem}@media (max-width:700px){main{padding:1rem 1rem 4rem}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(11,18,33,.95),rgba(11,18,33,.75));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1280px;margin:0 auto;padding:.85rem 2rem;display:flex;align-items:center;gap:2rem}.brand{font-weight:800;font-size:1.45rem;letter-spacing:-.02em}.brand span{color:var(--accent-2)}.nav-links{display:flex;gap:1.5rem;margin-left:auto;font-weight:500;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--ink)}@media (max-width:700px){.nav-inner{padding:.75rem 1rem;gap:1rem}.nav-links{gap:.9rem;font-size:.85rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;border:1px solid transparent;background:var(--ink);color:#0b1221;font-family:var(--font);font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:.02em;transition:transform .15s,background .15s}.btn:hover{background:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.ghost{background:hsla(0,0%,100%,.08);color:var(--ink);border-color:hsla(0,0%,100%,.2)}.btn.ghost:hover{background:hsla(0,0%,100%,.14)}.btn.danger{background:var(--live);color:#fff}.btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-weight:600;font-size:.75rem;letter-spacing:.04em}.badge.live{background:var(--live);color:#fff}.badge.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}.badge.scheduled{background:hsla(0,0%,100%,.12);color:var(--ink)}.badge.draft,.badge.finished{background:hsla(0,0%,100%,.08);color:var(--muted)}.badge.pending{background:rgba(255,181,71,.18);color:var(--amber)}.badge.active,.badge.approved,.badge.paid{background:rgba(53,200,120,.18);color:#5fe3a1}.badge.cancelled,.badge.refunded,.badge.rejected,.badge.suspended{background:rgba(255,59,92,.18);color:#ff8aa0}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.badge.live:before{animation:none}.btn,.card{transition:none}}.hero{position:relative;border-radius:14px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;padding:2.5rem;margin-bottom:2.5rem;box-shadow:var(--glow);isolation:isolate}.hero-art{z-index:-2;background-size:cover;background-position:50%}.hero-art,.hero:after{position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(0deg,rgba(11,18,33,.97) 0,rgba(11,18,33,.55) 50%,rgba(11,18,33,.1)),linear-gradient(90deg,rgba(11,18,33,.8),transparent 60%)}.hero .kicker{color:var(--muted);font-weight:500;margin-bottom:.6rem}.hero .teams{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;max-width:14ch}.hero .sub{color:#cdd5e6;margin:1rem 0 1.5rem}.hero .actions{display:flex;gap:.75rem;flex-wrap:wrap}@media (max-width:700px){.hero{min-height:360px;padding:1.5rem}}.row{margin-bottom:2.25rem}.row-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.row-head a{color:var(--muted);font-size:.9rem}.row-head a:hover{color:var(--ink)}.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);grid-gap:1rem;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent}.scroller>*{scroll-snap-align:start}@media (min-width:1100px){.scroller{grid-auto-columns:calc((100% - 3rem) / 4)}}@media (max-width:700px){.scroller{grid-auto-columns:78%}}.card{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:2px solid transparent;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:focus-visible,.card:hover{transform:scale(1.04);border-color:hsla(0,0%,100%,.6);box-shadow:0 12px 36px rgba(0,0,0,.55);z-index:2}.card-art{position:absolute;inset:0;background-size:cover;background-position:50%}.card-art .crest{position:absolute;font-size:5.5rem;font-weight:800;letter-spacing:-.06em;opacity:.14;right:-.1em;bottom:-.35em;line-height:1}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,18,33,.95) 0,rgba(11,18,33,.35) 55%,transparent)}.card-body{position:absolute;left:0;right:0;bottom:0;padding:.9rem 1rem}.card-body .teams{font-weight:700;font-size:1.1rem;line-height:1.15}.card-body .meta{color:var(--muted);font-size:.8rem;margin-top:.25rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card .badge{position:absolute;top:.7rem;left:.7rem}.card .price{font-weight:700;color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat{font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stat-label{color:var(--muted);font-size:.85rem;margin-top:.35rem}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;font-weight:600;color:var(--muted);font-size:.8rem;letter-spacing:.04em;padding:.8rem}td,th{border-bottom:1px solid var(--line)}td{padding:.75rem .8rem;vertical-align:middle}tr:last-child td{border-bottom:0}form.stack{display:grid;grid-gap:1rem;gap:1rem;max-width:520px}label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:500;font-size:.92rem;color:#d6dcea}input,select{font:inherit;color:var(--ink);background:var(--bg-2);padding:.7rem .85rem;border:1px solid hsla(0,0%,100%,.14);border-radius:6px}input::placeholder{color:#66728c}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.hint{color:var(--muted);font-size:.85rem}.breakdown{display:grid;grid-template-columns:1fr auto;grid-gap:.4rem 1rem;gap:.4rem 1rem;font-size:.95rem;color:#d6dcea}.breakdown .total{font-weight:800;font-size:1.4rem;color:var(--ink);border-top:1px solid var(--line);padding-top:.5rem;margin-top:.25rem}.player{aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--glow)}.player video{width:100%;height:100%}code{background:hsla(0,0%,100%,.08);padding:.15rem .45rem;border-radius:4px;font-size:.88em;word-break:break-all}.notice{background:rgba(29,141,240,.12);border-left:3px solid var(--accent);padding:.8rem 1rem;border-radius:6px;color:#d6dcea}.notice.warn{border-color:var(--amber);background:rgba(255,181,71,.12)}.empty{padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.crests{display:inline-flex;gap:.35rem;margin-bottom:.35rem}.crests img{object-fit:contain;background:hsla(0,0%,100%,.9);border-radius:50%;padding:2px}.pill-price{position:absolute;top:.7rem;right:.7rem;background:rgba(11,18,33,.85);color:var(--ink);font-weight:700;font-size:.8rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--line)}.card .cta{color:var(--accent-2);font-weight:600}.hero .crests img{width:56px;height:56px}textarea{font:inherit}