.teams-page-container{max-width:1200px;margin:0 auto;padding:2rem;color:#f9fafb}.teams-page-header{text-align:center;margin-bottom:3rem}.teams-page-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.teams-page-header p{font-size:1.125rem;color:#9ca3af}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.team-card{background:rgba(31,41,55,.5);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center;text-decoration:none;color:#f9fafb;transition:all .3s ease;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center}.team-card:hover{transform:translateY(-5px);background:rgba(55,65,81,.7);border-color:#3b82f6}.flag-container{margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.flag-svg{width:100%;height:100%;object-fit:contain}.club-logo{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto}.flag-emoji{font-size:4rem;line-height:1}.team-name{font-size:1.125rem;font-weight:600;margin:0;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#f9fafb}.spinner{width:50px;height:50px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.1rem;color:#9ca3af;margin:0}.error-container{padding:2rem;text-align:center}.search-container{margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #374151;border-radius:8px;background-color:#1f2937;color:white;font-size:16px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#3b82f6}.search-input::placeholder{color:#9ca3af}.clear-search-btn{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:color .3s ease}.clear-search-btn:hover{color:white;background-color:#374151}.search-results-info{margin-top:8px;text-align:center;color:#9ca3af;font-size:14px}