*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#141e30f2,#111928eb),url(https://images.unsplash.com/photo-1489944440615-453fc2b6a9a9?q=80&w=2000) center/cover fixed;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at top left,rgba(0,184,148,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(108,92,231,.15) 0%,transparent 50%);pointer-events:none;z-index:0}#root{width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.container{width:100%;max-width:1100px;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}h1{font-size:2.5rem;margin-bottom:2rem}.btn{padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin:.5rem}.btn-primary{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-weight:700}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00b89466}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-group{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.menu{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;margin-top:2rem}.teams-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;max-width:1000px}.team-card{display:flex;flex-direction:column;align-items:center;padding:.8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;width:100px}.team-card:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.team-crest{width:50px;height:50px;object-fit:contain;margin-bottom:.4rem}.team-card span{font-size:.75rem;text-align:center;color:#fff;line-height:1.2}.match-card{background:#ffffff14;border-radius:20px;padding:3rem 4rem;margin:2rem auto;border:1px solid rgba(255,255,255,.1);max-width:700px}.match-teams{display:flex;justify-content:center;align-items:center;gap:3rem;margin-bottom:2.5rem}.match-team{display:flex;flex-direction:column;align-items:center;gap:.5rem}.match-crest{width:100px;height:100px;object-fit:contain}.match-team span{font-size:1.2rem;font-weight:500}.match-team .highlight{color:#00b894;font-weight:700}.vs{font-size:2rem;font-weight:700;color:#636e72;background:#ffffff1a;padding:1rem 1.5rem;border-radius:50%}.match-info{text-align:center;background:#0003;padding:1.5rem 3rem;border-radius:12px;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.match-info p{margin:.5rem 0;font-size:1.1rem}.card{background:#ffffff14;border-radius:16px;padding:2rem;margin:1rem 0}.standings-table{width:100%;max-width:900px;margin:2rem auto;overflow-x:auto}.standings-table table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:12px;overflow:hidden}.standings-table thead{background:#ffffff1a}.standings-table th,.standings-table td{padding:.8rem .6rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.standings-table th{font-weight:600;font-size:.85rem;color:#a0a0a0;text-transform:uppercase}.standings-table td{font-size:.95rem}.standings-table .position{font-weight:700;width:40px}.standings-table .team-name{display:flex;align-items:center;gap:.8rem;text-align:left;min-width:180px}.standings-table .team-name img{width:28px;height:28px;object-fit:contain}.standings-table .points{font-weight:700;color:#00b894;font-size:1.1rem}.standings-table tbody tr{transition:background .2s ease}.standings-table tbody tr:hover{background:#ffffff14}.standings-table tr.champions-league{border-left:3px solid #00b894}.standings-table tr.europa-league{border-left:3px solid #0984e3}.standings-table tr.conference-league{border-left:3px solid #6c5ce7}.standings-table tr.playoff{border-left:3px solid #fdcb6e}.standings-table tr.relegation{border-left:3px solid #e74c3c}.standings-legend{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#a0a0a0}.dot{width:12px;height:12px;border-radius:3px}.champions-league-dot{background:#00b894}.europa-league-dot{background:#0984e3}.conference-league-dot{background:#6c5ce7}.playoff-dot{background:#fdcb6e}.relegation-dot{background:#e74c3c}.subtitle{color:#a0a0a0;margin-bottom:1.5rem}.team-card .team-position{font-size:.7rem;color:#a0a0a0;margin-top:.3rem}.team-card.relegation-zone{border-color:#e74c3c;background:#e74c3c1a}.relegation-card{background:#ffffff0d;border-radius:20px;padding:2rem;margin:2rem auto;max-width:600px;border:1px solid rgba(255,255,255,.1)}.relegation-team-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;text-align:left}.relegation-crest{width:80px;height:80px;object-fit:contain}.relegation-team-header h2{margin:0 0 .5rem;font-size:1.5rem}.relegation-team-header p{margin:0;color:#a0a0a0;font-size:.95rem}.relegation-status{padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;text-align:center}.relegation-status h3{margin:0 0 .5rem;font-size:1.2rem}.relegation-status p{margin:0;opacity:.9}.relegation-status.safe{background:#00b89433;border:1px solid #00b894}.relegation-status.warning{background:#f1c40f33;border:1px solid #f1c40f}.relegation-status.danger{background:#e74c3c33;border:1px solid #e74c3c}.relegation-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.detail-box{background:#0003;padding:1rem;border-radius:10px;text-align:center}.detail-label{display:block;font-size:.8rem;color:#a0a0a0;margin-bottom:.3rem}.detail-value{display:block;font-size:1.4rem;font-weight:700;color:#fff}.relegation-safety{background:#00b8941a;border:1px solid rgba(0,184,148,.3);padding:1.5rem;border-radius:12px;text-align:center}.relegation-safety h3{margin:0 0 1rem;color:#00b894}.safety-info{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.safety-box{display:flex;flex-direction:column;align-items:center}.safety-number{font-size:2.5rem;font-weight:700;color:#00b894}.safety-label{font-size:.85rem;color:#a0a0a0}.safety-note{font-size:.8rem;color:#636e72;margin:0;font-style:italic}