@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Roboto:wght@400;500&display=swap";
:root{--brand-primary:#021a16;--brand-secondary:#00ffc2;--brand-bg:#021a16;--brand-text:#fff;--brand-text-muted:#85ffe2;--font-heading:"Sora", sans-serif;--font-body:"Roboto", sans-serif;--logo-url:none;--logo-width:120px;--logo-height:40px}.award-card{background:var(--brand-bg);width:1080px;height:1080px;color:var(--brand-text);font-family:var(--font-body);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:80px;display:flex;position:relative;overflow:hidden}.award-card__bg-accent{pointer-events:none;background:radial-gradient(70% 60% at 50% 100%,#00ffc21f 0%,#0000 70%);position:absolute;inset:0}.award-card__logo{width:var(--logo-width);height:var(--logo-height);background:var(--logo-url) no-repeat center / contain;position:absolute;top:56px;left:80px}.award-card__league-name{font-family:var(--font-body);color:var(--brand-text-muted);letter-spacing:.02em;font-size:28px;font-weight:500;position:absolute;top:56px;right:80px}.award-card__icon{margin-bottom:32px;font-size:120px;line-height:1}.award-card__name{font-family:var(--font-heading);color:var(--brand-secondary);text-align:center;letter-spacing:-.02em;margin-bottom:24px;font-size:72px;font-weight:800;line-height:1.1}.award-card__winners{font-family:var(--font-heading);color:var(--brand-text);text-align:center;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.2}.award-card__stat{font-family:var(--font-heading);color:var(--brand-secondary);text-align:center;opacity:.9;margin-bottom:28px;font-size:40px;font-weight:600}.award-card__description{font-family:var(--font-body);color:var(--brand-text-muted);text-align:center;max-width:840px;font-size:32px;line-height:1.5}.award-card__fallback-badge{color:#ffffff4d;font-size:24px;font-family:var(--font-body);position:absolute;bottom:60px}.award-carousel-viewport{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto;position:relative}.award-card-scaler{transform-origin:0 0;width:1080px;height:1080px}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.carousel-dot--active{background:var(--brand-secondary)}
