:root{--primary-color:#056839;--primary-hover:#034d2a;--secondary-color:#da291c;--accent-color:#0033a0;--bg-light:#f4f7f6;--bg-white:#ffffff;--text-dark:#1a1d20;--text-muted:#5a626a;--border-color:#e2e8f0;--card-shadow:0 4px 12px rgba(0,0,0,0.05)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}h2.section-title{font-weight:800;font-size:2rem;color:var(--text-dark);position:relative;padding-bottom:12px;margin-bottom:30px}h2.section-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.navbar{background-color:var(--bg-white);box-shadow:0 2px 8px rgba(0,0,0,0.06);padding:15px 0}.navbar-brand img{height:45px;object-fit:contain}.navbar-brand span{font-weight:800;font-size:1.25rem;color:var(--primary-color);margin-left:10px}.nav-link{font-weight:600;color:var(--text-dark) !important;padding:8px 16px !important;transition:color 0.3s}.nav-link:hover,.nav-link.active{color:var(--primary-color) !important}.hero-section{background:linear-gradient(135deg,rgba(5,104,57,0.95),rgba(17,24,39,0.98)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="none" width="100" height="100"/><circle cx="50" cy="50" r="40" stroke="%23ffffff" stroke-opacity="0.03" stroke-width="1" fill="none"/></svg>');background-size:cover;color:var(--bg-white);padding:80px 0 100px;border-radius:0 0 40px 40px}.hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:20px;background:linear-gradient(to right,#ffffff,#a3f7bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-meta{background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border-radius:12px;padding:15px 20px;display:inline-block;margin-bottom:30px;border:1px solid rgba(255,255,255,0.2)}.hero-img{border-radius:14px;box-shadow:0 15px 30px rgba(0,0,0,0.3);border:4px solid rgba(255,255,255,0.1);transition:transform 0.3s ease}.hero-img:hover{transform:scale(1.02)}.custom-card{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);transition:transform 0.3s,box-shadow 0.3s;overflow:hidden}.custom-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.aside-widget{background-color:var(--bg-white);border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.aside-widget-title{font-size:1.2rem;font-weight:700;border-left:4px solid var(--primary-color);padding-left:10px;margin-bottom:20px;color:var(--text-dark)}.score-row{border-bottom:1px dashed var(--border-color);padding:15px 0}.score-row:last-child{border-bottom:none}.score-team-badge{width:30px;height:30px;background-color:#eee;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.8rem;color:var(--text-dark)}.score-vs{background-color:var(--bg-light);padding:4px 12px;border-radius:20px;font-weight:bold;font-size:0.9rem}.group-card{border-top:4px solid var(--primary-color)}.group-card.accent{border-top-color:var(--secondary-color)}.group-header{background-color:#f8fafc;font-weight:bold;text-align:center;padding:10px;font-size:1.1rem;color:var(--text-dark)}.group-table th{font-weight:600;font-size:0.85rem;color:var(--text-muted)}.group-table td{font-size:0.9rem;padding:8px 10px}.guide-box{background:linear-gradient(135deg,#ffffff,#f0fdf4);border-left:5px solid var(--primary-color)}.footer{background-color:#0f172a;color:#94a3b8;padding:60px 0 30px;font-size:0.95rem}.footer h5{color:var(--bg-white);font-weight:700;margin-bottom:20px}.footer a{color:#94a3b8;text-decoration:none;transition:color 0.3s}.footer a:hover{color:var(--bg-white)}.footer-bottom{border-top:1px solid #1e293b;padding-top:25px;margin-top:40px;font-size:0.85rem}@media (max-width:991.98px){.hero-title{font-size:2rem}h2.section-title{font-size:1.6rem}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}