:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--accent: #00ff88;--accent-dim: #00cc6a;--text-primary: #ffffff;--text-secondary: #888899;--border: #2a2a3a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--bg-secondary);padding:16px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo,a.logo{font-size:24px;font-weight:800;letter-spacing:0;color:var(--text-primary);text-decoration:none;display:flex;align-items:center}.nav{display:flex;gap:24px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn-join{background:var(--accent);color:var(--bg-primary);padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s}.btn-join:hover{background:var(--accent-dim);transform:translateY(-2px)}.btn-exit{color:var(--text-secondary);text-decoration:none;cursor:pointer;background:none;border:none;font-size:inherit}.btn-exit:hover{color:var(--accent)}.hero{padding:100px 0 80px;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-badge{display:inline-block;background:#00ff881a;color:var(--accent);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(0,255,136,.2)}.hero-title{font-size:56px;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:20px;letter-spacing:-2px}.hero-subtitle{font-size:24px;color:var(--accent);font-weight:600;margin-bottom:16px}.hero-desc{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto 20px;line-height:1.6}.hero-quote{font-size:13px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7;opacity:.8}.hero-quote em{font-style:italic}.hero-quote small{display:block;margin-top:8px;font-size:11px;opacity:.7}.btn-start{display:inline-block;background:var(--accent);color:var(--bg-primary);padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;transition:all .2s}.btn-start:hover{background:var(--accent-dim);transform:translateY(-2px)}.sports{padding:40px 0;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sports .container{display:flex;justify-content:center;gap:60px}.sport-item{font-size:18px;font-weight:600;color:var(--text-primary)}.how{padding:80px 0;background:var(--bg-primary)}.how h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:50px;color:var(--text-primary)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{text-align:center;padding:30px 20px}.step-num{font-size:48px;font-weight:800;color:var(--accent);opacity:.3;margin-bottom:16px}.step h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.step p{color:var(--text-secondary);font-size:14px}.stats{padding:60px 0;background:var(--bg-secondary)}.stats .container{display:flex;justify-content:center;gap:80px}.stat-box{text-align:center}.stat-num{font-size:48px;font-weight:800;color:var(--accent)}.stat-text{color:var(--text-secondary);font-size:14px;margin-top:8px}.demo-section{padding:80px 0;background:var(--bg-primary)}.demo-section h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:40px;color:var(--text-primary)}.demo-card{max-width:500px;margin:0 auto;background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border)}.demo-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.demo-badge{background:#00ff881a;color:var(--accent);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.demo-league{color:var(--text-secondary);font-size:13px}.demo-teams{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.demo-team{font-size:20px;font-weight:700;color:var(--text-primary)}.demo-vs{color:var(--text-secondary);font-size:14px;font-weight:600}.demo-votes{margin-bottom:16px}.demo-vote-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.demo-label{width:100px;font-size:12px;font-weight:600}.demo-label.home{color:#2ecc71}.demo-label.draw{color:#f1c40f}.demo-label.away{color:#94a3b8}.demo-bar-wrap{flex:1;height:18px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.demo-bar{height:100%;transition:width .3s}.demo-bar.home{background:linear-gradient(90deg,#2ecc71,#27ae60)}.demo-bar.draw{background:linear-gradient(90deg,#f1c40f,#f39c12)}.demo-bar.away{background:linear-gradient(90deg,#94a3b8,#64748b)}.demo-percent{width:40px;text-align:right;font-size:12px;font-weight:600;color:var(--text-primary)}.demo-count{width:50px;text-align:right;font-size:11px;color:var(--text-secondary)}.demo-total{text-align:center;color:var(--text-secondary);font-size:13px;padding-top:16px;border-top:1px solid var(--border)}.demo-total strong{color:var(--accent)}.why-section{padding:80px 0;background:var(--bg-secondary)}.why-section h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:50px;color:var(--text-primary)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-card{text-align:center;padding:30px 20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);transition:transform .2s,border-color .2s}.why-card:hover{transform:translateY(-4px);border-color:var(--accent)}.why-icon{font-size:36px;margin-bottom:16px}.why-card h3{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.why-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.leagues-section{padding:80px 0;background:var(--bg-primary)}.leagues-section h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:40px;color:var(--text-primary)}.leagues-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px;margin:0 auto}.league-item{background:var(--bg-card);padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);border:1px solid var(--border);transition:border-color .2s}.league-item:hover{border-color:var(--accent)}.faq-section{padding:80px 0;background:var(--bg-secondary)}.faq-section h2{text-align:center;font-size:32px;font-weight:700;margin-bottom:40px;color:var(--text-primary)}.faq-list{max-width:700px;margin:0 auto}.faq-item{background:var(--bg-card);border-radius:10px;margin-bottom:10px;border:1px solid var(--border);cursor:pointer;transition:border-color .2s}.faq-item:hover,.faq-item.open{border-color:var(--accent)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:600;color:var(--text-primary)}.faq-icon{color:var(--accent);font-size:20px;font-weight:700}.faq-answer{padding:0 20px 18px;color:var(--text-secondary);font-size:14px;line-height:1.6}.footer{padding:30px 0;text-align:center;color:var(--text-secondary);font-size:14px;border-top:1px solid var(--border)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);padding:16px 20px;z-index:1000;border-top:1px solid var(--border)}.cookie-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-content p{color:var(--text-secondary);font-size:14px}.btn-accept{background:var(--accent);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.form-container{max-width:480px;margin:60px auto;background:var(--bg-card);padding:40px;border-radius:16px;border:1px solid var(--border)}.form-container h2{text-align:center;margin-bottom:30px;font-size:28px;font-weight:700;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:16px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkbox-label input{width:auto;margin-top:2px;accent-color:var(--accent)}.form-footer{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:14px}.form-footer a{color:var(--accent);font-weight:600}.btn-full{width:100%;background:var(--accent);color:var(--bg-primary);padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.btn-full:hover{background:var(--accent-dim)}.btn-full:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ff47571a;color:#ff6b7a;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;border:1px solid rgba(255,71,87,.2)}.payment-blocked{background:#ff47571a;color:#ff6b7a;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500;border:1px solid rgba(255,71,87,.2)}.cabinet-header{text-align:center;padding:60px 0 40px}.cabinet-header h2{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.rating-card{background:var(--accent);color:var(--bg-primary);padding:30px;border-radius:16px;text-align:center;max-width:280px;margin:0 auto 40px}.rating-value{font-size:48px;font-weight:800}.rating-label{opacity:.8;font-size:14px}.section{background:var(--bg-card);padding:30px;border-radius:16px;margin-bottom:30px;border:1px solid var(--border)}.section h3{font-size:20px;margin-bottom:20px;color:var(--text-primary)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase}.table td{color:var(--text-primary)}.matches-page{display:flex;gap:20px;padding:20px 0}.sidebar{width:240px;flex-shrink:0}.main-content{flex:1;min-width:0}.filter-card{background:var(--bg-card);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid var(--border)}.filter-title{font-weight:600;margin-bottom:12px;color:var(--text-primary);font-size:14px}.filter-item{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:all .2s;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.filter-item:hover{background:var(--bg-primary);color:var(--text-primary)}.filter-item.active{background:var(--accent);color:var(--bg-primary)}.filter-item .count{margin-left:auto;font-size:12px;opacity:.7}.search-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-secondary)}.date-header{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.match-row{background:var(--bg-card);border-radius:10px;padding:14px 16px;margin-bottom:8px;border:1px solid var(--border);transition:border-color .2s}.match-row:hover{border-color:var(--accent)}.match-main{display:flex;align-items:center;gap:16px}.match-time{width:60px;text-align:center;flex-shrink:0}.match-time .time{font-weight:700;font-size:16px;color:var(--text-primary)}.match-time .date{font-size:11px;color:var(--text-secondary)}.match-teams{flex:1;min-width:0}.match-teams .team{font-weight:600;color:var(--text-primary)}.match-teams .vs{color:var(--text-secondary);font-size:12px;margin:0 6px}.match-league{font-size:11px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:6px}.sport-badge{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:var(--accent)}.total-votes{font-size:11px;color:var(--accent);font-weight:600;min-width:50px}.match-vote{display:flex;gap:6px}.btn-bet{padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);min-width:64px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.1}.bet-main{font-size:13px;font-weight:700}.bet-odd{font-size:10px;font-weight:500;opacity:.9}.btn-bet:hover{border-color:var(--accent);color:var(--accent)}.btn-bet.home.voted{background:#2ecc71;border-color:#2ecc71;color:#fff}.btn-bet.draw.voted{background:#f1c40f;border-color:#f1c40f;color:#000}.btn-bet.away.voted{background:#64748b;border-color:#64748b;color:#fff}.vote-results{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.vote-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.vote-label{width:80px;font-size:12px;font-weight:600}.vote-label.home{color:#2ecc71}.vote-label.draw{color:#f1c40f}.vote-label.away{color:#94a3b8}.vote-bar-wrap{flex:1;height:20px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.vote-bar{height:100%;transition:width .3s}.vote-bar.home{background:linear-gradient(90deg,#2ecc71,#27ae60)}.vote-bar.draw{background:linear-gradient(90deg,#f1c40f,#f39c12)}.vote-bar.away{background:linear-gradient(90deg,#94a3b8,#64748b)}.vote-percent{width:45px;text-align:right;font-size:12px;font-weight:600;color:var(--text-primary)}.vote-count{width:50px;text-align:right;font-size:11px;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.voted-section{margin-bottom:30px}.voted-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.voted-matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.voted-card{background:var(--bg-card);border-radius:10px;padding:14px;border:1px solid var(--accent)}.voted-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.voted-league{font-size:11px;color:var(--text-secondary)}.voted-teams{font-weight:600;font-size:14px;margin-bottom:8px;color:var(--text-primary)}.voted-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.voted-choice{font-weight:500}.vote-home{color:#2ecc71}.vote-draw{color:#f1c40f}.vote-away{color:#94a3b8}.voted-time{font-weight:600;color:var(--text-primary)}.voted-stats{display:flex;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary)}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border-radius:16px;padding:30px;max-width:400px;width:90%;text-align:center;border:1px solid var(--border)}.modal-content h3{margin-bottom:20px;color:var(--text-primary)}.modal-content p{margin-bottom:10px;color:var(--text-secondary)}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-dim)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);padding:24px;border-radius:12px;border:1px solid var(--border);text-align:center}.stat-value{font-size:36px;font-weight:800;color:var(--accent)}.stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.users-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase}.users-table td{color:var(--text-primary)}@media(max-width:768px){.hero-title{font-size:36px}.steps{grid-template-columns:1fr 1fr}.sports .container{flex-wrap:wrap;gap:30px}.stats .container{flex-wrap:wrap;gap:40px}.form-row{grid-template-columns:1fr}.cookie-content{flex-direction:column;text-align:center}.matches-page{flex-direction:column}.sidebar{width:100%}.match-row{padding:10px 12px}.match-main{flex-wrap:wrap;gap:10px}.match-time{width:50px}.match-time .time{font-size:14px}.match-time .date{font-size:10px}.match-teams{order:3;width:100%}.match-teams .team{font-size:14px}.match-teams .vs{font-size:10px;margin:0 4px}.match-league{font-size:10px;flex-wrap:wrap}.sport-badge{font-size:9px;padding:1px 4px}.total-votes{order:2;min-width:auto;font-size:10px}.match-vote{order:1}.btn-bet{padding:6px 12px;font-size:12px;min-width:50px}.vote-results{padding:10px 0}.vote-bar-row{gap:6px}.vote-label{width:40px;font-size:10px}.vote-bar-wrap{height:16px}.vote-percent{width:35px;font-size:10px}.vote-count{width:30px;font-size:10px}.date-header{font-size:14px;margin-bottom:10px}.filter-card{padding:12px;margin-bottom:10px}.filter-item{padding:8px 10px;font-size:13px}.filter-title{font-size:13px;margin-bottom:8px}.search-input{padding:8px 10px;font-size:13px}.header{padding:10px 0}.nav{gap:12px}.nav-link{font-size:14px}.btn-join{padding:8px 16px;font-size:13px}.why-grid{grid-template-columns:1fr 1fr;gap:16px}.why-card{padding:20px 16px}.why-icon{font-size:28px}.why-card h3{font-size:14px}.why-card p{font-size:12px}.demo-card{padding:16px}.demo-teams{gap:12px}.demo-team{font-size:16px}.demo-vote-row{gap:6px}.demo-label{width:70px;font-size:11px}.demo-percent{width:35px;font-size:11px}.demo-count{width:40px;font-size:10px}.leagues-grid{gap:8px}.league-item{padding:8px 14px;font-size:12px}.faq-question{padding:14px 16px;font-size:14px}.faq-answer{padding:0 16px 14px;font-size:13px}.why-section h2,.demo-section h2,.leagues-section h2,.faq-section h2{font-size:24px}}.finished-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.finished-card{background:var(--card);border-radius:12px;padding:16px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.finished-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.finished-sport{font-size:16px}.finished-date{color:var(--text-muted)}.finished-votes{margin-left:auto;color:var(--accent);font-weight:600}.finished-teams{text-align:center;margin-bottom:12px}.finished-team{font-weight:600;font-size:14px;color:var(--text)}.finished-vs{font-size:11px;color:var(--text-muted);margin:4px 0}.finished-results{display:flex;flex-direction:column;gap:6px}.finished-result{display:grid;grid-template-columns:28px 1fr 36px 28px;align-items:center;gap:8px;font-size:12px}.result-label{font-weight:600;text-align:center}.finished-result.home .result-label{color:#22c55e}.finished-result.draw .result-label{color:#eab308}.finished-result.away .result-label{color:#ef4444}.result-bar-wrap{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.result-bar{height:100%;border-radius:3px;transition:width .3s}.finished-result.home .result-bar{background:#22c55e}.finished-result.draw .result-bar{background:#eab308}.finished-result.away .result-bar{background:#ef4444}.result-percent{text-align:right;color:var(--text-muted)}.result-count{text-align:right;font-weight:600}.finished-your-vote{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted);text-align:center}.finished-your-vote strong{color:var(--accent)}.finished-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.finished-card{background:var(--card);border-radius:10px;border:1px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s}.finished-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.match-main.compact{display:flex;align-items:center;gap:12px;padding:12px}.match-teams.compact{flex:1;min-width:0}.teams-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.teams-row .team{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.teams-row .vs{font-size:10px;color:var(--text-muted);flex-shrink:0}.match-vote.compact{display:flex;gap:4px;flex-shrink:0}.btn-bet.small{width:28px;height:28px;font-size:12px;border-radius:6px}.vote-results.compact{padding:10px 12px;border-top:1px solid var(--border)}.vote-bar-row.compact{display:grid;grid-template-columns:28px 1fr 36px 28px;align-items:center;gap:8px;font-size:11px;margin-bottom:4px}.vote-bar-row.compact:last-child{margin-bottom:0}