*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}body{background:#eceef2;color:#333;padding-top:70px}header{position:fixed;top:0;left:0;width:100%;background:#263545;color:#fff;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2)}.header-container{max-width:1200px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:30px}.logo-text{font-size:1.5rem;font-weight:700}.menu-toggle,.search-toggle{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.main-nav{position:fixed;top:70px;left:-100%;width:80%;height:calc(100vh - 70px);background:#263545;transition:left .3s ease-out;overflow-y:auto;z-index:999}.main-nav.active{left:0}.main-nav>ul{list-style:none}.main-nav>ul>li{border-bottom:1px solid #1a2635;position:relative}.main-nav>ul>li>a{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:#fff;text-decoration:none}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#1a2635}.submenu.active{max-height:400px;overflow-y:auto}.submenu li a{display:block;padding:12px 20px 12px 30px;color:#ddd;text-decoration:none;border-bottom:1px solid #263545}.submenu li a:hover{background:#263545;color:#fff}.submenu-toggle{padding:0 15px;background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;transition:transform .3s}.submenu-toggle.active{transform:rotate(180deg)}.search-container{display:none;position:fixed;top:70px;left:0;width:100%;background:#1a2635;padding:15px;z-index:998}.search-container.active{display:block}.search-box{max-width:800px;margin:0 auto;position:relative}.search-box input{width:100%;padding:12px 20px;border-radius:30px;border:none;font-size:1rem}.search-box button{position:absolute;right:5px;top:5px;background:#e74c3c;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:997;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay.active{opacity:1;visibility:visible}@media(min-width:768px){.menu-toggle{display:none}.main-nav{position:static;width:auto;height:auto;background:transparent;overflow:visible;left:auto}.main-nav>ul{display:flex;gap:10px}.main-nav>ul>li{border-bottom:none;position:relative}.main-nav>ul>li>a{padding:10px 15px;white-space:nowrap}.submenu{position:absolute;top:100%;left:0;min-width:220px;max-height:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border-radius:0 0 8px 8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:70vh;overflow-y:auto}.main-nav>ul>li:hover .submenu{opacity:1;visibility:visible;max-height:70vh}.submenu-toggle{padding:0 0 0 5px;font-size:.8rem}.search-container{top:70px}.overlay{display:none}}.container{max-width:1000px;margin:20px auto;padding:0 15px}.date-header{text-align:center;margin-bottom:20px;color:#666}.panel-default{background:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden}.albaflex{display:flex;flex-direction:column;gap:15px;padding:15px}.match-container{background:#f5f5f5;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative}.match-container:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.match-container a{display:block;color:inherit;text-decoration:none}.match-teams{display:flex;justify-content:space-between;align-items:center;padding:15px}.team{display:flex;flex-direction:column;align-items:center;width:30%}.team-logo img{width:60px;height:60px;object-fit:contain;margin-bottom:8px}.team-name{font-weight:700;text-align:center;font-size:.9rem}.match-center{text-align:center;width:40%}.match-tournament{font-weight:700;color:#263545;font-size:.9rem;margin-bottom:5px}.match-time{font-size:1.1rem;color:#e74c3c;font-weight:700;margin-bottom:5px}.match-date{background:#263545;color:#fff;padding:3px 10px;border-radius:20px;font-size:.8rem;display:inline-block}.match-info{background:#f8f9fa;border-top:1px solid #eee;padding:10px;font-size:.8rem;color:#666}.match-info ul{display:flex;justify-content:space-around;list-style:none}.match-info li{text-align:center}.overlay-match{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.match-container:hover .overlay-match{opacity:1}.play-icon{color:#fff;font-size:2rem}footer{text-align:center;padding:20px;color:#666;font-size:.9rem}@media(max-width:500px){.team-logo img{width:50px;height:50px}.match-info{display:none}.logo-text{font-size:1.2rem}}