.app{min-height:100vh}.app--centered{display:grid;place-items:center;min-height:100vh}.loader,.error,.empty{padding:2rem;text-align:center}.error{color:#b91c1c}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#004d2a,#006847 45%,#00a86b);color:#fff;padding:3rem 1.5rem 2.5rem}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__bg-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#004d2ac7,#0068472e 38%,#0068472e 62%,#004d2ad1),linear-gradient(90deg,#004d2ae0,#00684766 38%,#00a86b14,#00684766 62%,#004d2ae0)}.hero__content{position:relative;z-index:1;max-width:960px;margin:0 auto}.hero__main{position:relative}.hero__eyebrow{margin:0 0 .5rem;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.hero__trophy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(200px,72vw,440px);height:auto;object-fit:contain;opacity:.36;mix-blend-mode:soft-light;filter:saturate(1.15) brightness(1.05)}@media(min-width:768px){.hero__trophy{width:clamp(280px,38vw,440px);opacity:.42}}.hero__subtitle{margin:1rem 0 0;max-width:52rem;font-size:1.05rem;opacity:.92}.hero__stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.75rem}.stat{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.9rem 1.2rem;min-width:120px}.stat__value{display:block;font-size:1.75rem;font-weight:700}.stat__label{font-size:.85rem;opacity:.85}.download-cards{display:grid;gap:1rem;margin-top:1.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.download-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:1.25rem}.download-card h3{margin:0;font-size:1.1rem}.download-card p{margin:.4rem 0 1rem;font-size:.9rem;opacity:.85}.download-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{border:none;border-radius:12px;padding:.85rem 1.25rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{background:#fff;color:#004d2a;box-shadow:0 8px 24px #00000026}.btn--secondary{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.35)}.hero__hint{margin:1rem 0 0;max-width:52rem;font-size:.9rem;opacity:.82}.instructions,.filters,.calendar,.footer{max-width:960px;margin:0 auto;padding:1.5rem}.instructions{padding-top:2rem}.instructions h2{margin:0 0 1rem}.instructions__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.instructions__grid article{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #0f172a0f}.instructions__grid h3{margin:0 0 .75rem;color:#006847}.instructions__grid ol{margin:0;padding-left:1.2rem}.instructions__grid li+li{margin-top:.4rem}.filters__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1rem}.filters__tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filters__date{display:flex;flex-direction:column;gap:.35rem;min-width:min(100%,220px)}.filters__date-label{font-size:.8rem;font-weight:600;color:#64748b}.filters__date-select{border:1px solid #cbd5e1;border-radius:12px;padding:.55rem 2rem .55rem .85rem;background:#fff;color:#334155;font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.tab{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:.55rem 1rem;cursor:pointer}.tab--active{background:#006847;border-color:#006847;color:#fff}.search{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:.85rem 1rem;background:#fff}.filters__count{margin:.75rem 0 0;color:#64748b;font-size:.9rem}.day-section+.day-section{margin-top:1.5rem}.day-section__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.day-section__header h2{margin:0;font-size:1.15rem;text-transform:capitalize}.day-section__header span{color:#64748b;font-size:.9rem}.day-section__matches{display:grid;gap:.75rem}.match-card{background:#fff;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 4px 20px #0f172a0f;border:1px solid #e2e8f0}.match-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem}.match-card__time{font-weight:700;color:#006847}.match-card__badge{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px}.match-card__badge--group{background:#dbeafe;color:#1d4ed8}.match-card__badge--knockout{background:#fef3c7;color:#b45309}.match-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:600}.match-card__team{min-width:0}.match-card__team--home{justify-self:start}.match-card__team--away{justify-self:end;text-align:right}.team-name{display:inline-flex;align-items:center;gap:.5rem;max-width:100%}.team-name--right{flex-direction:row-reverse;justify-content:flex-start}.team-name__flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001f;flex-shrink:0}.team-name__placeholder{display:inline-block;width:24px;height:16px;flex-shrink:0}.team-name__text{line-height:1.3}.match-card__vs{color:#94a3b8;font-size:1.35rem;font-weight:600;justify-self:center;flex-shrink:0}.match-card__venue{display:flex;flex-direction:column;gap:.15rem;margin-top:.55rem;color:#64748b;font-size:.9rem}.match-card__download{width:100%;margin-top:.85rem;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;color:#006847;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.match-card__download:hover{background:#ecfdf5;border-color:#006847}.footer{padding-bottom:2.5rem;color:#64748b;font-size:.9rem;text-align:center}.footer a{color:#006847;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.scroll-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:100;width:3rem;height:3rem;border:none;border-radius:50%;background:#006847;color:#fff;font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 8px 24px #00684759;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .15s ease}.scroll-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:#004d2a}@media(min-width:768px){.day-section__matches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.hero__content,.instructions,.filters,.calendar,.footer{max-width:80%}}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}a{color:#006847}