h1{font-size:10rem;color:#fff;text-align:center}h2{font-size:2rem;color:#fff;text-align:center}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;padding:20px;align-items:center;justify-content:center;background:#2b2b2b}.search-container{position:fixed;top:20px;right:20px;z-index:1000}.search-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#fff;transition:transform .3s;box-shadow:0 4px 12px #667eea66}.search-icon:hover{transform:scale(1.1);background:#5568d3}.search-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 20px #0003;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;z-index:999}.search-panel.active{transform:translate(0)}.search-panel-header{padding:20px;background:#2b2b2b;color:#fff;display:flex;justify-content:space-between;align-items:center}.search-panel-header h2{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:#fff3}.search-input-wrapper{padding:20px;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:12px 15px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .3s}.search-input:focus{border-color:#667eea}.search-results{flex:1;overflow-y:auto;padding:20px}.result-item{padding:15px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s}.result-item:hover{background:#f8f9fa;border-color:#667eea;transform:translate(-5px)}.result-title{font-weight:600;color:#333;margin-bottom:5px}.result-desc{font-size:14px;color:#666}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:998}.overlay.active{opacity:1;visibility:visible}.no-results{text-align:center;color:#999;padding:40px 20px}.loading{text-align:center;color:#667eea;padding:20px}.main-content{max-width:1200px;margin:0 auto}@media(max-width:768px){.search-panel{width:100%}}.sport-container{position:fixed;top:20px;left:20px;z-index:0}.sport-icon{width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#fff;transition:transform .3s;margin-right:10px}.sport-icon:hover{transform:scale(1.1);background:#5568d3}.selected-sport{scale:1.2;background:#fff;box-shadow:0 4px 12px #667eea66}