.tick{color:var(--success-color)}.cross{color:var(--error-color)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.6}ul{list-style-type:none}a{text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}p{margin-bottom:1rem}@media (max-width:768px){body{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}}:root{--background-color:#722f37;--text-color:#faf9f6;--primary-color:silver;--secondary-color:#a8a8a8;--accent-color:#e8b4b8;--error-color:#dc2626;--success-color:#84cc16;--hover-color:#f0c4c8;--border-color:#9ca3af;--button-hover:#f0c4c8;--button-active:#d4a0a4;--input-focus:#e8b4b8;--bg-light:#faf9f60d;--bg-medium:#faf9f61a;--bg-dark:#faf9f626;--spacing-small:0.5rem;--spacing-medium:1rem;--spacing-large:2rem;--border-radius:6px;--transition-speed:0.3s;--box-shadow:0 4px 6px #0000004d;--box-shadow-hover:0 6px 12px #0006}.btn{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-speed) ease}.btn,.btn:hover{color:var(--background-color)}.btn:hover{background-color:var(--hover-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--box-shadow);transform:translateY(0)}.btn-secondary{background-color:initial;border:2px solid var(--primary-color);color:var(--text-color);padding:10px 22px}.btn-secondary:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--background-color)}.btn-accent{background-color:var(--accent-color);color:var(--background-color)}.btn-accent:hover{background-color:var(--button-hover);color:var(--background-color)}@media (max-width:768px){.btn{font-size:.9rem;padding:10px 20px}.btn-secondary{padding:8px 18px}}.main-footer:before{border-top:1px solid var(--border-color);content:"";display:block;margin-bottom:2rem}.main-footer{background-color:var(--background-color);color:var(--text-color);padding:2rem 1rem 1rem;text-align:center}.main-footer p{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:center}.tech-logo{filter:brightness(1.2) contrast(1.1);height:20px;margin:0 .5rem;vertical-align:middle;width:auto}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:16px;padding:12px 16px;transition:all var(--transition-speed) ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--bg-medium);border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-color)}.form-group input:disabled,.form-group input:read-only{background-color:var(--bg-medium);cursor:not-allowed;opacity:.7}.form-group select option{background-color:var(--primary-color);color:var(--background-color)}.form-group .PhoneInput{align-items:center;background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:.75rem;padding:12px 16px;transition:all var(--transition-speed) ease;width:100%}.form-group .PhoneInput:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833}.form-group .PhoneInput input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;padding:0}.form-group .PhoneInput input:focus{box-shadow:none;outline:none}.form-group .PhoneInput select,.form-group .PhoneInput select option{background-color:var(--primary-color)!important;border:1px solid var(--border-color)!important;color:var(--background-color)!important;padding:4px 8px!important}.form-group .PhoneInputCountry{align-items:center;display:flex}.form-text{color:var(--text-color);display:block;font-size:.875rem;margin-top:.25rem;opacity:.7}.notification.info{background-color:#3b82f633;border:1px solid #3b82f6;color:#3b82f6}.notification.warning{background-color:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b}.btn.btn-primary,.submit-button,button[type=submit]{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--background-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all var(--transition-speed) ease;width:100%}.btn.btn-primary:hover,.submit-button:hover,button[type=submit]:hover{background-color:var(--hover-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.btn.btn-primary:active,.submit-button:active,button[type=submit]:active{transform:translateY(0)}.confirm-buttons{display:flex;gap:1rem;margin-top:1.5rem}.confirm-buttons button{flex:1 1;min-width:120px}.fixture-list{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.fixture-header{background-color:var(--bg-medium);font-weight:600;text-align:center}.fixture-header,.fixture-row{grid-gap:1rem;border-bottom:1px solid var(--border-color);gap:1rem;grid-template-columns:1fr 2fr 1fr 1fr;padding:1rem}.fixture-row:last-child{border-bottom:none}.fixture-date{color:var(--text-color);font-size:.85rem;opacity:.8;text-align:center}.fixture-teams{gap:.5rem}.desktop-teams{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.mobile-teams{display:none}.team{flex:1 1;gap:.5rem}.home-team{flex-direction:row-reverse}.team-name{flex-grow:1;font-weight:600;line-height:1.3;min-width:0;overflow-wrap:break-word}.team-crest{height:24px;width:24px}.score-container{flex-shrink:0;gap:.5rem}.score-input{width:50px}.score-input input{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;padding:8px;text-align:center;width:100%}.score-input input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #e8b4b833;outline:none}.score-input input:disabled{background-color:var(--bg-medium);cursor:not-allowed;opacity:.6}.score-separator{color:var(--text-color)}.fixture-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.fixture-result{font-size:.9rem;font-weight:600}.fixture-points{font-size:.85rem;font-weight:500}.total-points-row{background-color:var(--bg-medium);border-top:2px solid var(--border-color);display:flex;font-weight:600;justify-content:space-between;padding:1rem}.total-points-display{font-size:1.1rem}.no-data-message,.no-fixtures-message{color:var(--text-color);font-style:italic;opacity:.7;padding:2rem;text-align:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-message{opacity:.8}.error-message{font-weight:500}.form-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem 1rem}.form-container-narrow{max-width:420px}.form-container,.form-container-narrow{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);margin:0 auto;padding:2.5rem;width:100%}.form-container{max-width:1200px}.form-title{color:var(--text-color);font-size:1.5rem;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #00000080}@media (max-width:968px){.fixture-header,.fixture-row{gap:.75rem;grid-template-columns:1fr 3fr 1fr}.fixture-date{font-size:.8rem}.team-name{font-size:.9rem}.team-crest{height:20px;width:20px}}@media (max-width:768px){.form-container{margin:.5rem;padding:1.5rem}.form-page{padding:1rem .5rem}.fixture-header{display:none}.fixture-row{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);display:block;margin-bottom:.75rem;padding:1rem}.fixture-date{color:var(--text-color);font-size:.85rem;font-weight:500;margin-bottom:.75rem;opacity:.9;text-align:center}.desktop-teams{display:none}.mobile-teams{display:block}.fixture-teams{flex-direction:column}.fixture-teams,.score-row{display:flex;gap:1rem;margin-bottom:1rem}.score-row{align-items:center;justify-content:center}.away-crest,.home-crest{flex-shrink:0;height:32px;object-fit:contain;width:32px}.score-container{align-items:center;background-color:var(--bg-medium);border-radius:var(--border-radius);display:flex;gap:1rem;justify-content:center;padding:1rem}.score-input{flex-shrink:0;width:80px}.score-input input{box-sizing:border-box;font-size:16px;font-weight:600;padding:14px 10px;text-align:center;width:100%}.score-separator{color:var(--text-color);flex-shrink:0;font-size:1.4rem;font-weight:700}.team-names-row{display:flex;gap:1rem;justify-content:space-between}.team-name-container{background-color:var(--bg-medium);border-radius:var(--border-radius);flex:1 1;padding:.75rem;text-align:center}.team-name{word-wrap:break-word;font-size:.9rem;font-weight:600;line-height:1.3;overflow-wrap:break-word}.team{display:none}.fixture-info{background-color:var(--bg-medium);border-radius:var(--border-radius);flex-direction:row;gap:1rem;justify-content:space-around;padding:.75rem}.fixture-result{font-size:1rem}.fixture-points{font-size:.95rem}.total-points-row{flex-direction:column;gap:.5rem;text-align:center}.submit-button{font-size:1.1rem;margin-top:1.5rem;padding:16px}}@media (max-width:480px){.form-container{border-radius:8px;margin:.25rem;padding:1rem}.form-title{font-size:1.25rem;margin-bottom:1.5rem}.fixture-row{padding:.75rem}.team-name{font-size:.85rem;max-width:calc(100% - 35px)}.team-crest{height:24px;width:24px}.score-container{min-width:180px;padding:.75rem}.score-input{width:75px}.score-input input{font-size:15px;padding:12px 8px}.score-separator{font-size:1.3rem;margin:0 12px}.notification{font-size:.9rem;padding:10px 14px}}@media (max-width:768px){.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 14px}.form-group{margin-bottom:1rem}.btn.btn-primary,button[type=submit]{padding:12px}}.main-header{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#722f37f2 100%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.logo{margin-right:2rem}.logo img{filter:brightness(1.1);max-height:60px;width:auto}.main-nav ul{display:flex;gap:.5rem;list-style-type:none;margin:0;padding:0}.main-nav ul li a{border-radius:var(--border-radius);font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all var(--transition-speed) ease}.main-nav ul li a,.main-nav ul li a:visited{color:var(--text-color)}.main-nav ul li a:focus,.main-nav ul li a:hover{background-color:var(--hover-color);box-shadow:0 4px 8px #0003;color:var(--background-color);transform:translateY(-2px)}.menu-toggle{display:none}@media (max-width:768px){.main-header{left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}body{padding-top:80px}.menu-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;font-size:1.5rem;padding:.5rem}.hamburger{display:flex;flex-direction:column;height:21px;justify-content:space-between;width:30px}.hamburger span{background-color:var(--text-color);border-radius:1px;display:block;height:3px;transition:all var(--transition-speed) ease;width:100%}.menu-toggle:hover .hamburger span{background-color:var(--accent-color)}.main-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--background-color) 0,#722f37fa 100%);border-top:1px solid var(--border-color);box-shadow:0 8px 16px #0000004d;display:none;left:0;position:absolute;right:0;top:100%;z-index:1000}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;gap:.25rem;padding:1rem}.main-nav ul li a{border:1px solid #0000;display:block;padding:1rem 1.25rem}.main-nav ul li a:hover{background-color:var(--bg-light);border-color:var(--accent-color)}}.point-value{border-radius:4px;display:inline-block;min-width:2rem;padding:.25rem .5rem;transition:all var(--transition-speed) ease}.points-4,.points-excellent{background:linear-gradient(135deg,#84cc1633,#84cc161a);border:1px solid #84cc164d;color:#84cc16;color:var(--success-color,#84cc16)}.points-3,.points-good{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid #3b82f64d;color:#3b82f6}.points-2,.points-okay{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d;color:#f59e0b}.points-0,.points-poor{background:linear-gradient(135deg,#dc262633,#dc26261a);border:1px solid #dc26264d;color:#dc2626;color:var(--error-color,#dc2626)}.point-value:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.points-inline{border-radius:3px;font-size:.9rem;font-weight:700;padding:.15rem .4rem}.fixture-points .point-value{font-size:1.1rem}.prediction-row .point-value{font-size:.95rem}.table-container{box-shadow:var(--box-shadow);overflow-x:auto}.table-container,table{border-radius:var(--border-radius)}table{background-color:var(--bg-light);border-collapse:collapse;margin-bottom:1rem;overflow:hidden;width:100%}td,th{border-bottom:1px solid #faf9f61a;padding:1rem .75rem;text-align:left}th{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--background-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.fixture-row{background:linear-gradient(135deg,var(--bg-medium) 0,var(--bg-light) 100%);border-left:4px solid var(--accent-color);font-weight:600}.fixture-row td{padding:1rem .75rem}.prediction-row{background-color:var(--bg-light);font-size:.9em;font-weight:400;transition:all var(--transition-speed) ease}.prediction-row:hover{background-color:var(--bg-medium);box-shadow:inset 4px 0 0 var(--accent-color);transform:translateX(4px)}.prediction-row td{padding:.75rem}tr:hover{background-color:var(--bg-medium)}.prediction-row .point-value{border-radius:3px;font-size:.9rem;font-weight:700;min-width:1.8rem;padding:.2rem .4rem;text-align:center;transition:all var(--transition-speed) ease}.prediction-row .point-value:hover{box-shadow:0 2px 4px #00000026;transform:scale(1.05)}table .points-inline{border-radius:3px;display:inline-block;font-size:.85rem;font-weight:700;min-width:1.5rem;padding:.15rem .4rem;text-align:center;transition:all var(--transition-speed) ease}table .points-inline:hover{box-shadow:0 2px 4px #00000026;transform:scale(1.05)}.leaderboard-table tr:hover{background:linear-gradient(135deg,var(--bg-medium) 0,var(--bg-dark) 100%);box-shadow:0 4px 8px #0003;transform:scale(1.01)}.points{color:var(--accent-color)}.leaderboard-table .point-value{border-radius:4px;font-size:1rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center;transition:all var(--transition-speed) ease}.leaderboard-table .point-value:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}tbody tr:nth-child(2n){background-color:#faf9f605}tbody tr:nth-child(odd){background-color:#faf9f60d}@media (max-width:768px){td,th{font-size:.9rem}.fixture-row td,td,th{padding:.75rem .5rem}.prediction-row td{padding:.5rem}.prediction-row .point-value{font-size:.8rem;min-width:1.5rem;padding:.15rem .3rem}table .points-inline{font-size:.75rem;min-width:1.2rem;padding:.1rem .3rem}.leaderboard-table .point-value{font-size:.85rem;min-width:1.8rem;padding:.2rem .4rem}}.dashboard{margin:0 auto;max-width:1200px;padding:2rem 1rem}.stat-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all var(--transition-speed) ease}.stat-card:before{background:linear-gradient(45deg,#0000,#e8b4b81a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.stat-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-8px)}.stat-card:hover:before{opacity:1;transform:rotate(45deg) translate(50%,50%)}.stat-card h2{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.stat-card h2,.stat-card p{color:var(--background-color)}.stat-card p{font-size:2.5rem;font-weight:700;margin:0;position:relative;z-index:1}.performance-graph-container{border-radius:12px;height:600px;margin-bottom:2rem;overflow:hidden;width:100%}.performance-graph{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:12px;height:100%;padding:2rem;position:relative;width:100%}.performance-graph:before{background:linear-gradient(45deg,#0000 30%,#e8b4b80d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:slideInUp .6s ease forwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@media (max-width:1200px){.stat-cards-container{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:1.5rem 1rem}}@media (max-width:768px){.dashboard{padding:1rem .5rem}.stat-cards-container{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-card p{font-size:2rem}.performance-graph-container{height:400px}.performance-graph{padding:1rem}}.weekly-winners-container{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.weekly-winners-container:before{background:linear-gradient(45deg,#0000,#e8b4b80d,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.weekly-winners-container h3{color:var(--text-color);font-size:1.75rem;font-weight:600;margin:0 0 2rem;position:relative;text-align:center;text-shadow:2px 2px 4px #0000001a;z-index:1}.winners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));position:relative;z-index:1}.leader-card,.winner-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--background-color);overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all var(--transition-speed) ease}.leader-card:before,.winner-card:before{background:linear-gradient(45deg,#0000,#e8b4b81a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.leader-card:hover,.winner-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-8px)}.leader-card:hover:before,.winner-card:hover:before{opacity:1;transform:rotate(45deg) translate(50%,50%)}.leader-card{background:linear-gradient(135deg,var(--accent-color) 0,#f59e0b 100%);color:var(--text-color)}.leader-card h4,.winner-card h4{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 1.5rem;opacity:.9;text-transform:uppercase}.leader-card h4,.leader-info,.winner-card h4,.winner-info{position:relative;text-align:center;z-index:1}.leader-name,.winner-name{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.leader-details,.winner-details{font-size:1rem;font-weight:500;line-height:1.3;opacity:.85}.no-winners{color:var(--text-color);font-size:1.1rem;font-style:italic;grid-column:1/-1;opacity:.7;padding:3rem 2rem;text-align:center}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.leader-card,.winner-card{animation:slideInDown .6s ease forwards}.winner-card{animation-delay:.1s}.leader-card{animation-delay:.2s}@media (max-width:1200px){.winners-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.leader-card,.winner-card{padding:1.5rem 1rem}}@media (max-width:768px){.weekly-winners-container{margin-bottom:2rem;padding:1rem}.weekly-winners-container h3{font-size:1.5rem;margin-bottom:1.5rem}.winners-grid{gap:1rem;grid-template-columns:1fr}.leader-card,.winner-card{padding:1.5rem}.leader-name,.winner-name{font-size:1.3rem}.leader-details,.winner-details{font-size:.95rem}}.notification-banner{align-items:center;border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;margin-bottom:20px;padding:12px 16px}.notification-banner.info{background-color:#e3f2fd;border-left-color:#2196f3;color:#0d47a1}.notification-banner.warning{background-color:#fff3e0;border-left-color:#ff9800;color:#e65100}.notification-banner-content{align-items:center;display:flex;gap:12px;width:100%}.notification-banner-icon{flex-shrink:0;font-size:20px}.notification-banner-text{flex:1 1;min-width:0}.notification-banner-title{font-weight:600;line-height:1.3;margin-bottom:4px}.notification-banner-message{font-weight:400;line-height:1.4;opacity:.9}.notification-banner-action{flex-shrink:0}.banner-action-button{background-color:initial;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.banner-action-button:hover{background-color:currentColor;color:#fff}.notification-banner.info .banner-action-button:hover{background-color:#2196f3;color:#fff}.notification-banner.warning .banner-action-button:hover{background-color:#ff9800;color:#fff}.notification-banner-close{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;flex-shrink:0;font-size:16px;margin-left:8px;opacity:.7;padding:4px;transition:opacity .2s ease}.notification-banner-close:hover{opacity:1}@media (max-width:768px){.notification-banner{font-size:13px;padding:10px 12px}.notification-banner-content{gap:10px}.notification-banner-icon{font-size:18px}.banner-action-button{font-size:12px;padding:5px 10px}.notification-banner-close{font-size:14px}}@media (max-width:480px){.notification-banner-content{align-items:stretch;flex-direction:column;gap:8px}.notification-banner-action{align-self:flex-start}.notification-banner-close{margin:0;position:absolute;right:8px;top:8px}.notification-banner{padding-right:40px;position:relative}}.fixture-list-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;width:100%}.fixture-list{width:100%}.fixture-header{grid-gap:10px;border-bottom:2px solid var(--accent-color);color:var(--primary-color);display:grid;font-weight:700;gap:10px;grid-template-columns:150px 1fr 100px 100px;margin-bottom:10px;padding-bottom:5px}.fixture-points-header,.fixture-result-header,.fixture-teams-header{text-align:center}.fixture-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:150px 1fr 100px 100px;padding:10px 0;transition:all var(--transition-speed) ease}.fixture-row:not(:last-child){border-bottom:1px solid var(--border-color)}.fixture-row:hover{background-color:var(--bg-light);transform:translateX(4px)}.fixture-date{color:var(--accent-color);font-size:.9em;font-weight:700}.fixture-teams{justify-content:space-between}.fixture-teams,.team{align-items:center;display:flex}.team{min-width:0;width:calc(50% - 80px)}.home-team{justify-content:flex-end;text-align:right}.away-team{justify-content:flex-start;text-align:left}.team-name{word-wrap:break-word;color:var(--text-color);font-size:.9em;-webkit-hyphens:auto;hyphens:auto;max-width:100%;word-break:break-word}.team-crest{flex-shrink:0;height:30px;margin:0 5px;width:30px}.score-container{align-items:center;width:160px}.score-container,.score-input{display:flex;justify-content:center}.score-input{width:40px}.score-input input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);margin:0;padding:5px;text-align:center;transition:all var(--transition-speed) ease;width:40px}.score-input input[type=number]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833;outline:none}.score-input input[type=number]::-webkit-inner-spin-button,.score-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-separator{color:var(--primary-color);font-weight:700;margin:0 15px}.fixture-info{display:contents}.fixture-points,.fixture-result{font-weight:500;text-align:center}.fixture-points{align-items:center;display:flex;justify-content:center}.fixture-points .point-value{border-radius:4px;font-size:1rem;min-width:2.5rem;padding:.3rem .6rem;text-align:center;transition:all var(--transition-speed) ease}.fixture-points .point-value:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.total-points-row{grid-gap:10px;align-items:center;background-color:var(--bg-light);border-top:2px solid var(--accent-color);display:grid;font-weight:700;gap:10px;grid-template-columns:150px 1fr 100px 100px;margin-top:10px;padding-top:10px}.total-points-label{color:var(--primary-color);grid-column:3;text-align:right}.total-points-value{align-items:center;display:flex;grid-column:4;justify-content:center;text-align:center}.total-points-display{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:1.2rem;font-weight:700;min-width:3rem;padding:.4rem .8rem;text-align:center;transition:all var(--transition-speed) ease}.total-points-display:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.submit-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--background-color);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:20px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-speed) ease}.submit-button:hover{background-color:var(--hover-color);box-shadow:var(--box-shadow-hover);color:var(--background-color);transform:translateY(-2px)}@media (max-width:767px){.fixture-header{display:none}.fixture-row{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding:15px}.fixture-row:not(:last-child){border-bottom:1px solid var(--border-color)}.fixture-info{display:flex;justify-content:space-between;margin-top:10px;width:100%}.fixture-date{font-size:.8em;width:100%}.fixture-teams{justify-content:space-between;width:100%}.fixture-teams,.team{align-items:center;display:flex}.team{flex-direction:column;justify-content:center;text-align:center;width:35%}.team-crest{margin-bottom:1px;order:-1}.team-name{align-items:center;display:flex;height:40px;justify-content:center;text-align:center}.score-container{margin:0;width:30%}.fixture-points,.fixture-result{text-align:center;width:50%}.fixture-result:before{color:var(--primary-color);content:"Result: "}.fixture-points:before{color:var(--primary-color);content:"Points: "}.fixture-points .point-value{font-size:.9rem;min-width:2rem;padding:.25rem .5rem}.total-points-row{border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-top:15px;padding:15px}.total-points-label{text-align:left}.total-points-value{text-align:right}.total-points-display{font-size:1.1rem;padding:.35rem .7rem}}@media (min-width:768px) and (max-width:1023px){.fixture-row,.total-points-row{grid-template-columns:120px 1fr 90px 90px}.team-name{font-size:.85em}.fixture-points .point-value{font-size:.95rem;padding:.25rem .5rem}.total-points-display{font-size:1.1rem}}@media (min-width:1024px){.fixture-row{padding:15px 0}.team-name{font-size:1em}.fixture-points .point-value{font-size:1.1rem}.total-points-display{font-size:1.3rem}}.home-page{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#722f37f2 100%);display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 100px);padding:2rem 1rem;text-align:center}.home-page h1{color:var(--text-color);font-size:2.5rem;text-align:center;text-shadow:2px 2px 4px #00000080}.home-page h1,.image-container{margin-bottom:2rem;max-width:1200px;width:100%}.image-container{align-items:center;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);display:flex;justify-content:center;overflow:hidden}.random-image{border-radius:8px;height:auto;max-height:70vh;object-fit:contain;transition:transform var(--transition-speed) ease;width:100%}.random-image:hover{transform:scale(1.02)}.intro-text{display:flex;gap:20px;justify-content:center;margin-top:2rem}.intro-text p{color:var(--text-color);font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0000004d}@media (min-width:769px){.home-page{padding-top:3rem}.home-page h1{font-size:3rem}.image-container{max-width:80%}.random-image{max-height:80vh}}@media (max-width:768px){.home-page h1{font-size:2rem;text-align:center}.intro-text p{font-size:1rem}.image-container{max-width:100%}.random-image{max-height:50vh}.intro-text{align-items:center;flex-direction:column}}.how-it-works-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh;padding:var(--spacing-large) var(--spacing-medium)}.how-it-works-container{margin:0 auto;max-width:1200px}.how-it-works-header{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:3rem;padding:2rem;text-align:center}.how-it-works-header h1{color:var(--primary-color);font-size:3rem;font-weight:700;margin:0 0 1rem;text-shadow:2px 2px 4px #0000004d}.intro-text{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.sections-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.section-card{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;transition:all var(--transition-speed) ease}.section-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.section-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.section-card h2{color:var(--primary-color);font-size:1.8rem;font-weight:600;margin:0 0 1rem}.section-card p{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;opacity:.9}.styled-list{color:var(--text-color);margin:1.5rem 0;padding-left:1.5rem}.styled-list li{line-height:1.5;margin-bottom:.8rem;opacity:.9}.highlight-box{background:linear-gradient(135deg,var(--bg-medium) 0,var(--bg-dark) 100%);border-left:1px solid var(--accent-color);border:1px solid var(--accent-color);border-left-width:4px;border-radius:var(--border-radius);color:var(--text-color);margin-top:1.5rem;padding:1rem}.highlight-box strong{color:var(--accent-color)}.points-grid{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.point-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem;transition:all var(--transition-speed) ease}.point-item:hover{box-shadow:0 4px 8px #0003;transform:translateX(4px)}.point-item.excellent{background:linear-gradient(135deg,#84cc1633,#84cc161a);border-left:4px solid var(--success-color)}.point-item.good{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-left:4px solid #3b82f6}.point-item.okay{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-left:4px solid #f59e0b}.point-item.poor{background:linear-gradient(135deg,#dc262633,#dc26261a);border-left:4px solid var(--error-color)}.point-value{color:var(--primary-color);font-size:2rem;font-weight:700;min-width:3rem;text-align:center}.point-desc strong{color:var(--primary-color);display:block;font-weight:600;margin-bottom:.25rem}.point-desc span{color:var(--text-color);font-size:.9rem;opacity:.8}.feature-list{margin-top:1.5rem}.feature-item{align-items:flex-start;color:var(--text-color);display:flex;gap:.8rem;line-height:1.5;margin-bottom:1rem;opacity:.9;transition:all var(--transition-speed) ease}.feature-item:hover{opacity:1;transform:translateX(4px)}.feature-bullet{color:var(--accent-color);flex-shrink:0;font-size:1.2rem}@media (max-width:768px){.how-it-works-page{padding:var(--spacing-medium) var(--spacing-small)}.sections-grid{gap:1.5rem;grid-template-columns:1fr}.how-it-works-header{margin-bottom:2rem;padding:1.5rem}.how-it-works-header h1{font-size:2.2rem}.intro-text{font-size:1rem}.section-card{padding:1.5rem}.section-card h2{font-size:1.5rem}}@media (max-width:480px){.how-it-works-header h1{font-size:1.8rem}.section-icon{font-size:2rem}.point-value{font-size:1.5rem;min-width:2.5rem}}.login-page{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#722f37f2 100%);display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem 1rem}.login-form{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);max-width:420px;padding:2.5rem;width:100%}.login-title{color:var(--text-color);margin-bottom:2rem;text-align:center;text-shadow:1px 1px 2px #0000004d}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.login-form input{background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:16px;padding:12px 16px;transition:all var(--transition-speed) ease;width:100%}.login-form input:focus{background-color:var(--bg-medium);border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833;outline:none}.login-form input:hover{border-color:var(--primary-color)}.login-form button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--background-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all var(--transition-speed) ease;width:100%}.login-form button:hover{background-color:var(--hover-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.login-form button:active{transform:translateY(0)}.login-links{margin-top:1.5rem;text-align:center}.login-links a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color var(--transition-speed) ease}.login-links a:hover{color:var(--hover-color);text-decoration:underline}.login-link a,.register-link a{color:var(--primary-color);font-weight:500;text-decoration:underline}.login-link a:hover,.register-link a:hover{color:var(--hover-color)}@media (max-width:768px){.login-form{padding:2rem}}.profile-stats{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);margin-top:2rem;padding:2.5rem}.profile-stats h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;text-align:center;transition:all var(--transition-speed) ease}.stat-item:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.stat-item h4{font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-item h4,.stat-item p{color:var(--background-color)}.stat-item p{font-size:2rem;font-weight:700;margin:0}@media (max-width:768px){.profile-stats{padding:2rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{padding:1rem}.stat-item p{font-size:1.5rem}}.register-page{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#722f37f2 100%);display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem 1rem}.register-form{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow);max-width:420px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.register-form:before{background:linear-gradient(45deg,#0000,#e8b4b80d,#0000);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.register-form:hover:before{opacity:1;transform:rotate(45deg) translate(25%,25%)}.register-title{color:var(--text-color);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 2px #0000004d}.register-form .form-group{margin-bottom:1.5rem;position:relative;z-index:1}.register-form label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.register-form input[type=email],.register-form input[type=password],.register-form input[type=text],.register-form select{background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:16px;padding:12px 16px;position:relative;transition:all var(--transition-speed) ease;width:100%;z-index:1}.register-form input:focus,.register-form select:focus{background-color:var(--bg-medium);border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833;outline:none}.register-form input:hover,.register-form select:hover{border-color:var(--primary-color)}.register-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%23c0c0c0%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;cursor:pointer;padding-right:40px}.register-form select option{background-color:var(--primary-color);color:var(--background-color);padding:8px}.register-form .PhoneInput{align-items:center;background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:.75rem;padding:12px 16px;transition:all var(--transition-speed) ease;width:100%}.register-form .PhoneInput:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833}.register-form .PhoneInput input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;padding:0}.register-form .PhoneInput input:focus{box-shadow:none;outline:none}.register-form button[type=submit]{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--background-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:14px;position:relative;text-transform:uppercase;transition:all var(--transition-speed) ease;width:100%;z-index:1}.register-form button[type=submit]:hover{background-color:var(--hover-color);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.register-form button[type=submit]:active{box-shadow:var(--box-shadow);transform:translateY(0)}.register-links{margin-top:1.5rem;position:relative;text-align:center;z-index:1}.register-links p{color:var(--text-color);margin-bottom:.5rem}.login-link a{border-radius:var(--border-radius);color:var(--primary-color);font-weight:500;padding:.25rem .5rem;text-decoration:none;transition:all var(--transition-speed) ease}.login-link a:hover{background-color:var(--bg-light);color:var(--hover-color);text-decoration:underline}.form-error{color:var(--error-color);font-size:.875rem;font-weight:500;margin-top:.5rem}.notification{border-radius:var(--border-radius);font-weight:500;margin-bottom:12px;padding:12px 16px;position:relative;z-index:1}.notification.success{background-color:#84cc1633;border:1px solid var(--success-color);color:var(--success-color)}.notification.error{background-color:#dc262633;border:1px solid var(--error-color);color:var(--error-color)}@media (max-width:768px){.register-page{padding:1rem .5rem}.register-form{padding:2rem}.register-title{font-size:1.75rem}.register-form input,.register-form select{font-size:16px;padding:10px 14px}.register-form .form-group{margin-bottom:1.25rem}.register-form button[type=submit]{padding:12px}}body{background-color:var(--background-color);color:var(--text-color)}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.container{padding:0 15px}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.leaderboard-page{margin:0 auto;max-width:1200px;padding:2rem 1rem}.leaderboard-title{color:var(--text-color);margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #00000080}.leaderboard-container{margin:0 auto;max-width:1200px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:var(--text-color);font-size:1.1rem;font-weight:500}.error-message{background:linear-gradient(135deg,#dc26261a,#dc26260d);border:2px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);font-weight:600;margin-bottom:2rem;padding:1.5rem}.error-message,.no-data-message{box-shadow:var(--box-shadow);text-align:center}.no-data-message{border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:1.1rem;font-weight:500;margin:2rem 0;padding:2rem}.leaderboard-filters,.no-data-message{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%)}.leaderboard-filters{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.filters-row .form-group{flex:1 1;margin-bottom:0;min-width:150px}.filters-row .form-group:first-child{flex:0 0 200px}.leaderboard-filters .form-group select{background-color:var(--bg-light);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:16px;padding:12px 16px;transition:all var(--transition-speed) ease;width:100%}.leaderboard-filters .form-group select:focus{background-color:var(--bg-medium);border-color:var(--accent-color);box-shadow:0 0 0 3px #e8b4b833;outline:none}.leaderboard-filters .form-group select:hover:not(:disabled){border-color:var(--primary-color)}.leaderboard-filters .form-group select:disabled{background-color:var(--bg-medium);cursor:not-allowed;opacity:.7}.leaderboard-filters .form-group select option{background-color:var(--primary-color);color:var(--background-color);padding:8px 12px}.leaderboard-filters .form-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.filter-description{border-top:1px solid #faf9f61a;color:var(--text-color);font-size:.95rem;font-style:italic;margin-top:.5rem;opacity:.9;padding-top:.75rem}.leaderboard-content{margin-top:1rem}.leaderboard-header{margin-bottom:1.5rem;text-align:center}.leaderboard-header h2{color:var(--text-color);margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}.fixture-count{color:var(--text-color);font-size:.9rem;font-style:italic;margin:0;opacity:.8}.table-responsive{border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow-x:auto}.leaderboard-table{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-collapse:collapse;border-radius:var(--border-radius);overflow:hidden;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #faf9f61a;padding:1rem;text-align:left;vertical-align:middle}.leaderboard-table th{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:var(--background-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover{background:linear-gradient(135deg,var(--bg-medium) 0,var(--bg-dark) 100%);box-shadow:0 4px 8px #0003;transform:scale(1.005);transition:all var(--transition-speed) ease}.rank,.rank-col{text-align:center;width:80px}.user-col{min-width:200px;width:auto}.predictions,.predictions-col{text-align:center;width:120px}.correct,.correct-col,.points,.points-col{text-align:center;width:100px}.rank{color:var(--accent-color);font-size:1.1rem;font-weight:700}.user-cell{padding:.75rem 1rem}.user-info{align-items:center;display:flex;gap:.75rem}.team-crest{background-color:#ffffff1a;border-radius:4px;height:40px;object-fit:contain;padding:2px;width:40px}.username{color:var(--primary-color);font-weight:600}.points{color:var(--text-color);font-size:1.1rem;font-weight:700}.correct{color:var(--accent-color);font-weight:500}.predictions{color:var(--text-color);font-weight:500;opacity:.8}.leaderboard-table tbody tr:nth-child(2n){background-color:#faf9f605}.leaderboard-table tbody tr:nth-child(odd){background-color:#faf9f60d}.performance-graph-container{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-medium) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-top:3rem;padding:2rem}.performance-graph-container h2{color:var(--text-color);margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px #00000080}@media (max-width:768px){.leaderboard-filters{margin-bottom:1.5rem;padding:1rem}.filters-row{align-items:stretch;flex-direction:column;gap:1rem}.filters-row .form-group{flex:none;min-width:0}.filters-row .form-group:first-child{flex:none}.leaderboard-filters .form-group select{font-size:.9rem;padding:10px 14px}.filter-description{font-size:.9rem;margin-top:.75rem;padding-top:.75rem}.performance-graph-container{margin-top:2rem;padding:1.5rem}.performance-graph-container h2{font-size:1.25rem;margin-bottom:1rem}.leaderboard-table td,.leaderboard-table th{font-size:.9rem;padding:.75rem .5rem}.rank,.rank-col{width:50px}.correct,.correct-col,.points,.points-col{width:70px}.predictions,.predictions-col{width:80px}.user-col{min-width:150px}.team-crest{height:20px;width:20px}.username{font-size:.85rem}.user-info{gap:.5rem}}@media (max-width:480px){.leaderboard-filters{padding:.75rem}.filters-row{gap:.75rem}.leaderboard-filters .form-group select{font-size:.85rem;padding:8px 12px}.leaderboard-filters .form-group label{font-size:.9rem;margin-bottom:.4rem}.filter-description{font-size:.85rem}.leaderboard-header h2{font-size:1.25rem}.fixture-count{font-size:.85rem}.leaderboard-table td,.leaderboard-table th{font-size:.85rem;padding:.5rem .25rem}.rank,.rank-col{width:40px}.correct,.correct-col,.points,.points-col{width:60px}.predictions,.predictions-col{width:70px}.team-crest{height:18px;width:18px}.username{font-size:.8rem}.user-info{gap:.4rem}}
/*# sourceMappingURL=main.885cdd8e.css.map*/