body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{max-width:1080px;margin:0 auto;padding:20px;background:#f0f0f0}a,li{text-decoration:none;list-style-type:none}.navbar{display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem;margin:0;background-color:#007bff;align-items:center;border-bottom:1px solid #ddd;gap:.5rem}.navbar ul{display:flex}.navbar li,.navbar a{color:#fff;padding:.5rem 1rem;transition:background-color .5s;border-radius:9999px;cursor:pointer;white-space:nowrap;font-size:.9rem}.navbar li:hover{background-color:#0056b3}.navbar li.active{font-weight:700}.logo{height:50px}.active{font-weight:700}table{width:100%;border-collapse:collapse;box-shadow:0 0 10px #0000001a;border-radius:15px;overflow:hidden;margin:1rem auto;max-width:600px;background-color:#f8f8f8}table th,table td{padding:.5rem;text-align:center;border:1px solid #ddd}table tbody tr:hover{background-color:#f1f1f1;cursor:pointer}@media (max-width: 600px){table{font-size:.8rem;width:95%}th,td{padding:.4rem}td:nth-child(2){word-break:break-word}}.bet-form{padding:10px;border:1px solid #ccc}.main-content{border:1px solid #ccc;width:100%;padding:1rem;flex:2;box-sizing:border-box}form{border-radius:12px;background-color:#f9f9f9;box-shadow:0 6px 12px #0000001a}fieldset{border:1px solid #ddd;padding:.7rem;border-radius:8px;margin-bottom:1.5rem}legend{font-size:1.2rem;font-weight:700;padding:0 .5rem;color:#007bff}fieldset>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:center;margin-bottom:1rem}input[type=checkbox]{transform:scale(1.3);cursor:pointer}label{font-size:1rem;cursor:pointer}input[type=range]{width:100%;cursor:pointer;accent-color:#007BFF}span{font-size:.8rem;background-color:#007bff;color:#fff;padding:.25rem .5rem;border-radius:6px}input[type=number]{width:100px;padding:.4rem;border:1px solid #ccc;border-radius:6px;margin-left:1rem;font-size:1rem}fieldset:last-of-type>div{display:flex;align-items:center;margin-bottom:.5rem}fieldset:last-of-type label{margin-left:.5rem}input[type=checkbox]:hover,input[type=range]:hover,input[type=number]:hover{opacity:.9}input[type=checkbox]:focus,input[type=range]:focus,input[type=number]:focus{outline:2px solid #007BFF;outline-offset:2px}.attention-button{display:block;margin:2rem auto;padding:1rem 2rem;background-color:#007bff;color:#fff;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;box-shadow:0 8px 16px #007bff4d;transition:all .3s ease}.attention-button:hover{background-color:#0056b3;box-shadow:0 12px 24px #0056b366;transform:translateY(-2px)}.match-summary{max-width:600px;margin:2rem auto;padding:1rem;background-color:#f9f9f9;border-left:4px solid #007BFF;border-radius:6px}.match-summary h3{text-align:center;margin-bottom:1rem;font-size:1.2rem}.summary-content p{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#333}@media (max-width: 480px){.summary-content p{font-size:.95rem}.team-logos img{width:50px}.team-logos{gap:.75rem}.match-header h2{font-size:1.1rem}}.match-header{text-align:center;margin-bottom:1rem}.team-logos{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.team-logos img{width:60px;height:auto;object-fit:contain}.app-container{display:flex;min-height:100vh;gap:1em;width:100%}.form-panel{flex:1.3;width:300px;background-color:#f9f9f9;padding:1rem;box-sizing:border-box;border-right:1px solid #ddd}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border:1px solid #ccc;padding:8px;text-align:left}.toggle-button{display:none;margin-bottom:1rem;padding:.5rem;font-size:.9rem}@media (max-width: 768px){.app-container{flex-direction:column}.form-panel{width:100%;border-right:none;border-bottom:1px solid #ddd;padding:.5rem}.toggle-button{display:block;background:#007bff;color:#fff;width:100%;text-align:center;border:none;padding:.75rem;margin-bottom:1rem;cursor:pointer}.form-panel.collapsed .bet-form{display:none}table th,table td{font-size:.85rem}}.about-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif;line-height:1.6}.about-container h1{font-size:2rem;margin-bottom:1rem}.about-container ul{padding-left:1.5rem}.contact-container{max-width:600px;margin:0 auto;padding:1rem;font-family:Arial,sans-serif;box-sizing:border-box;width:100%}.contact-container form{padding:.5rem}.contact-container input,.contact-container textarea{width:100%;max-width:100%;box-sizing:border-box;padding:.5rem;margin-top:.3rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.contact-container button{padding:.6rem 1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.contact-container button:hover{background-color:#0056b3}@media (max-width: 600px){.contact-container{padding:1rem}}