body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f0f0}#root{max-width:1080px;margin:0 auto;padding:20px}a{text-decoration:none}ul,li{list-style-type:none;margin:0;padding:0}button{border:none;color:#fff;cursor:pointer;background-color:#007bff;font-size:1.2rem;font-weight:700;padding:.6rem 1.2rem;border-radius:4px}button:hover{background-color:#0056b3}.active{font-weight:700}.margin-bottom{margin-bottom:1rem}header{text-align:center}footer{text-align:center;margin-top:2rem;padding:1rem;background:#f5f5f5}.navbar{display:flex;flex-wrap:wrap;justify-content:center;padding:.5rem;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}.logo{height:50px}.app-container{padding:.6rem;display:flex;gap:1em}.form-panel{flex:1.3;background-color:#f9f9f9;padding:1rem;box-sizing:border-box;border-right:1px solid #ddd}.bet-form{padding:1rem;border:1px solid #ccc}.betslip{border:1px solid #ccc;padding:1rem;margin:1rem;flex:2;box-sizing:border-box}@media (max-width: 768px){.app-container{flex-direction:column}.form-panel{border-right:none;border-bottom:1px solid #ddd;padding:.5rem}.toggle-button{display:block!important;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}.contact-container{padding:1rem}table{font-size:.8rem;width:95%}th,td{padding:.4rem}td:nth-child(2){word-break:break-word}.summary-content p{font-size:.95rem}.match-header img{width:42px!important}.match-header h2{font-size:1rem}.betslip{border:unset;padding:0rem;margin:0rem;flex:2;box-sizing:border-box}}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 td button{padding:.2rem .4rem;font-size:.8rem;background-color:#9e9e9e}table td button:hover{background-color:#ff9800}table tbody tr:hover{background-color:#ddd;cursor:pointer}.no-hover:hover{background-color:unset;cursor:unset}.league-header{background-color:#222;color:#fff;text-align:left;font-size:1.2rem;font-weight:700;padding:8px 12px}.league-image{height:25px;vertical-align:middle;margin-right:8px;background-color:#fff;padding:.3rem;border-radius:5px}form{border-radius:12px;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;border-radius:12px;box-shadow:0 8px 16px #007bff4d;transition:all .3s ease}.attention-button:hover{box-shadow:0 12px 24px #0056b366;transform:translateY(-2px)}.toggle-button{display:none;margin-bottom:1rem;padding:.5rem;font-size:.9rem}.content-div{max-width:600px;margin:2rem auto;padding:1rem;background-color:#f9f9f9;border-left:4px solid #007BFF;border-radius:6px}.content-h3{text-align:center;margin-bottom:1rem;font-size:1.3rem}.summary-content p{line-height:1.3;color:#333}.match-header{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem}.match-header img{width:50px}.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;box-sizing:border-box}.contact-container form{padding:.7rem}.contact-container input,.contact-container textarea{width:100%;box-sizing:border-box;padding:.5rem;margin-top:.3rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:7px}