@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Montserrat:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500;600&display=swap');:root{--tw-color-primary:#C62828;--tw-color-primary-dark:#9E2020;--tw-color-secondary:#1E3A8A;--tw-color-secondary-light:#F1F5F9;--tw-color-accent:#00695C;--tw-color-neutral-text:#333333;--tw-color-neutral-bg:#F8FAFC;--font-primary:'Roboto',sans-serif;--font-secondary:'Montserrat',sans-serif;--font-mono:'Source Code Pro',monospace;--mobile-table-label-width:130px;--mobile-table-label-bg:#f8f9fa;--mobile-table-label-color:#495057;--mobile-table-cell-padding:15px;--mobile-table-border:#e9ecef;--mobile-table-shadow:0 2px 4px rgba(0,0,0,0.1);--mobile-base-font:14px;--mobile-small-font:12px;--mobile-large-font:16px;--border-radius:8px;--transition-speed:0.3s}.bg-primary{background-color:var(--tw-color-primary) !important}.bg-primary-dark{background-color:var(--tw-color-primary-dark) !important}.bg-secondary{background-color:var(--tw-color-secondary) !important}.bg-secondary-light{background-color:var(--tw-color-secondary-light) !important}.bg-accent{background-color:var(--tw-color-accent) !important}.bg-neutral{background-color:var(--tw-color-neutral-bg) !important}.text-primary{color:var(--tw-color-primary) !important}.text-secondary{color:var(--tw-color-secondary) !important}.text-accent{color:var(--tw-color-accent) !important}.text-neutral{color:var(--tw-color-neutral-text) !important}body{font-family:var(--font-primary);color:var(--tw-color-neutral-text);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600;line-height:1.3;color:var(--tw-color-neutral-text)}@media (max-width:768px){body{font-size:var(--mobile-base-font)}h1{font-size:2rem !important;max-font-size:2rem !important}h2{font-size:1.75rem !important}h3{font-size:1.5rem !important}h4{font-size:1.25rem !important}h5,h6{font-size:1.125rem !important}}strong,b,.font-bold,.font-semibold{color:#1a1a1a !important;font-weight:600 !important}.bg-secondary strong,.bg-primary strong,.bg-accent strong{color:#ffffff !important}li strong,p strong,td strong,th strong,span strong{color:#2c3e50 !important;font-weight:600 !important}.synch--btn-primary{font-family:var(--font-secondary);font-weight:500;padding:12px 24px;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all var(--transition-speed) ease;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.synch--btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(198,40,40,0.3)}.synch--btn-primary:active{transform:translateY(0)}.synch--btn-secondary{font-family:var(--font-secondary);font-weight:500;padding:12px 24px;border-radius:var(--border-radius);border:2px solid var(--tw-color-secondary);cursor:pointer;transition:all var(--transition-speed) ease;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.synch--btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,58,138,0.3)}.synch--match-card{border-radius:var(--border-radius);padding:20px;margin-bottom:20px;border:1px solid #e2e8f0;transition:all var(--transition-speed) ease;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.synch--match-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.synch--match-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.synch--match-card__title{font-family:var(--font-secondary);font-weight:600;font-size:18px;color:var(--tw-color-neutral-text);margin:0}.synch--match-card__meta{color:#64748b;font-size:14px}.synch--transfer-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14px}.synch--transfer-table th{padding:12px 16px;text-align:left;font-family:var(--font-secondary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid var(--tw-color-secondary-light)}.synch--transfer-table td{padding:16px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.synch--transfer-table tr:hover{transition:background-color var(--transition-speed) ease}.synch--transfer-table img{width:40px;height:40px;object-fit:contain;border-radius:4px}.synch--modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-speed) ease}.synch--modal.synch--modal--active{opacity:1;visibility:visible}.synch--modal__content{max-width:90vw;max-height:90vh;border-radius:var(--border-radius);padding:32px;position:relative;overflow-y:auto;transform:scale(0.9);transition:transform var(--transition-speed) ease}.synch--modal--active .synch--modal__content{transform:scale(1)}.synch--modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--tw-color-neutral-text);transition:color var(--transition-speed) ease}.synch--modal__close:hover{color:var(--tw-color-primary)}.synch--search-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:var(--border-radius);font-family:var(--font-primary);font-size:14px;transition:all var(--transition-speed) ease;outline:none}.synch--search-input:focus{border-color:var(--tw-color-accent);box-shadow:0 0 0 3px rgba(0,105,92,0.1)}.synch--filter-group{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.synch--filter-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;text-decoration:none}.synch--filter-btn:hover{border-color:var(--tw-color-accent);color:var(--tw-color-accent)}.synch--filter-btn--active{border-color:var(--tw-color-accent);color:white}.synch--tabs{border-bottom:1px solid #e2e8f0;margin-bottom:24px}.synch--tabs__nav{display:flex;list-style:none;margin:0;padding:0;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.synch--tabs__item{flex-shrink:0}.synch--tabs__link{display:block;padding:16px 24px;font-family:var(--font-secondary);font-weight:500;font-size:14px;color:#64748b;text-decoration:none;border-bottom:3px solid transparent;transition:all var(--transition-speed) ease;white-space:nowrap}.synch--tabs__link:hover{color:var(--tw-color-accent);border-bottom-color:rgba(0,105,92,0.3)}.synch--tabs__link--active{color:var(--tw-color-accent);border-bottom-color:var(--tw-color-accent)}.synch--tabs__content{display:none}.synch--tabs__content--active{display:block}.synch--list{list-style:none;margin:0;padding:0}.synch--list__item{padding:16px;border-bottom:1px solid #e2e8f0;transition:all var(--transition-speed) ease;cursor:pointer}.synch--list__item:last-child{border-bottom:none}.synch--list__item:hover{transform:translateX(4px)}.synch--list__item-content{display:flex;align-items:center;justify-content:space-between}.synch--list__item-title{font-family:var(--font-secondary);font-weight:500;font-size:16px;margin:0 0 4px 0;color:var(--tw-color-neutral-text)}.synch--list__item-meta{font-size:14px;color:#64748b;margin:0}.synch--chart-container{padding:20px;border-radius:var(--border-radius);margin-bottom:24px;border:1px solid #e2e8f0}.synch--chart-title{font-family:var(--font-secondary);font-weight:600;font-size:18px;margin:0 0 16px 0;color:var(--tw-color-neutral-text)}.synch--icon{width:24px;height:24px;display:inline-block;vertical-align:middle;transition:all var(--transition-speed) ease}.synch--icon--soccer::before{content:'⚽';font-size:20px}.synch--icon--trophy::before{content:'🏆';font-size:20px}.synch--icon--stats::before{content:'📊';font-size:20px}.synch--icon:hover{transform:scale(1.1)}img{max-width:100%;height:auto}.synch--logo{max-width:120px;height:auto}@media (max-width:768px){.synch--logo{max-width:80px}}.synch--table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}@media (min-width:769px){.synch--table-responsive{overflow-x:auto;max-width:100%}.synch--table-responsive table{min-width:600px}.synch--table-responsive th:first-child,.synch--table-responsive td:first-child{position:sticky;left:0;z-index:10}}@media (max-width:768px){.synch--table-responsive table,.synch--table-responsive thead,.synch--table-responsive tbody,.synch--table-responsive th,.synch--table-responsive td,.synch--table-responsive tr{display:block !important}.synch--table-responsive thead tr{position:absolute !important;top:-9999px !important;left:-9999px !important;visibility:hidden !important}.synch--table-responsive tr{border:1px solid #ddd !important;border-radius:8px !important;margin-bottom:15px !important;background:white !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;padding:0 !important;overflow:hidden !important}.synch--table-responsive td{border:none !important;border-bottom:1px solid #f0f0f0 !important;position:relative !important;padding:15px 20px 15px 140px !important;min-height:50px !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;font-size:14px !important;line-height:1.4 !important}.synch--table-responsive td::before{content:attr(data-label) ":" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:130px !important;padding:15px 10px !important;font-weight:600 !important;text-align:left !important;background:#f8f9fa !important;color:#495057 !important;font-size:13px !important;line-height:1.3 !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;border-right:1px solid #e9ecef !important}.synch--table-responsive td:last-child{border-bottom:none !important}.synch--table-responsive td img{max-width:60px !important;max-height:60px !important;width:auto !important;height:auto !important;margin:0 !important;display:block !important}.synch--table-responsive td .btn,.synch--table-responsive td button,.synch--table-responsive td .synch--btn-primary,.synch--table-responsive td .synch--btn-secondary{width:auto !important;min-width:100px !important;margin:0 !important;font-size:12px !important;padding:6px 12px !important;white-space:nowrap !important}.synch--table-responsive td[data-label*="Source"],.synch--table-responsive td[data-label*="Reference"],.synch--table-responsive td[data-label*="Description"]{padding-right:10px !important;font-size:13px !important;line-height:1.3 !important}.synch--table-responsive td[data-label*="Score"],.synch--table-responsive td[data-label*="Rating"]{font-size:16px !important}.synch--table-responsive td>*{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.synch--table-responsive{overflow-x:visible !important;-webkit-overflow-scrolling:auto !important;margin-bottom:20px !important}}@media (max-width:480px){.synch--table-responsive td{padding:12px 15px 12px 120px !important;font-size:13px !important}.synch--table-responsive td::before{width:110px !important;padding:12px 8px !important;font-size:12px !important}.synch--btn-primary,.synch--btn-secondary{padding:10px 16px !important;font-size:12px !important;min-height:40px !important}.synch--match-card{padding:16px !important}.synch--tabs__link{padding:12px 16px !important;font-size:12px !important}.synch--search-input{padding:10px 14px !important;font-size:13px !important}.synch--filter-group{gap:8px !important}.synch--filter-btn{padding:6px 12px !important;font-size:11px !important}}.synch--mt-1{margin-top:0.25rem}.synch--mt-2{margin-top:0.5rem}.synch--mt-3{margin-top:0.75rem}.synch--mt-4{margin-top:1rem}.synch--mt-5{margin-top:1.25rem}.synch--mt-6{margin-top:1.5rem}.synch--mb-1{margin-bottom:0.25rem}.synch--mb-2{margin-bottom:0.5rem}.synch--mb-3{margin-bottom:0.75rem}.synch--mb-4{margin-bottom:1rem}.synch--mb-5{margin-bottom:1.25rem}.synch--mb-6{margin-bottom:1.5rem}.synch--p-1{padding:0.25rem}.synch--p-2{padding:0.5rem}.synch--p-3{padding:0.75rem}.synch--p-4{padding:1rem}.synch--p-5{padding:1.25rem}.synch--p-6{padding:1.5rem}.synch--text-center{text-align:center}.synch--text-left{text-align:left}.synch--text-right{text-align:right}.synch--flex{display:flex}.synch--flex-col{flex-direction:column}.synch--flex-wrap{flex-wrap:wrap}.synch--items-center{align-items:center}.synch--justify-center{justify-content:center}.synch--justify-between{justify-content:space-between}.synch--hidden{display:none}.synch--block{display:block}.synch--inline-block{display:inline-block}.synch--rounded{border-radius:var(--border-radius)}.synch--shadow{box-shadow:0 1px 3px rgba(0,0,0,0.1)}.synch--shadow-lg{box-shadow:0 4px 20px rgba(0,0,0,0.15)}.synch--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.synch--btn-primary:focus,.synch--btn-secondary:focus,.synch--search-input:focus,.synch--tabs__link:focus{outline:2px solid var(--tw-color-accent);outline-offset:2px}@media (prefers-contrast:high){.synch--btn-primary,.synch--btn-secondary{border:2px solid currentColor}.synch--match-card,.synch--chart-container{border:2px solid var(--tw-color-neutral-text)}}@media (prefers-reduced-motion:reduce){.synch--btn-primary,.synch--btn-secondary,.synch--match-card,.synch--list__item,.synch--icon,.synch--modal,.synch--modal__content{transition:none}.synch--btn-primary:hover,.synch--match-card:hover,.synch--list__item:hover,.synch--icon:hover{transform:none}}.cpl-logo{font-family:var(--font-secondary);font-weight:700;letter-spacing:-0.5px}.cpl-mobile-toggle{cursor:pointer;z-index:50}.cpl-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.cpl-mobile-toggle.active span:nth-child(2){opacity:0}.cpl-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.cpl-nav{display:flex;align-items:center}.cpl-menu{list-style:none;margin:0;padding:0}.cpl-menu-item a{text-decoration:none;font-family:var(--font-secondary);font-weight:500;padding:8px 0;position:relative}.cpl-menu-item a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--tw-color-accent);transition:width var(--transition-speed) ease}.cpl-menu-item a:hover::after{width:100%}.cpl-mobile-nav{border-top:1px solid rgba(255,255,255,0.2);padding-top:16px}.cpl-mobile-nav.active{display:block}.cpl-mobile-menu{list-style:none;margin:0;padding:0}.cpl-mobile-menu-item a{text-decoration:none;font-family:var(--font-secondary);font-weight:500}@media (max-width:1023px){.cpl-nav{display:none}}@media (min-width:1024px){.cpl-mobile-toggle{display:none}.cpl-mobile-nav{display:none !important}}