.search-input-container{margin-bottom:1rem;width:100%}.search-input-wrapper{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;padding:0;position:relative;transition:all .3s ease}.search-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.search-icon{color:#6b7280;font-size:16px;left:16px;pointer-events:none;position:absolute;z-index:2}.search-input{background:#0000;border:none;border-radius:12px;color:#1f2937;font-size:16px;font-weight:500;outline:none;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-clear-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:16px;transition:all .2s ease;width:24px;z-index:2}.search-clear-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.search-clear-btn:active{transform:scale(.95)}[data-theme=dark] .search-input-wrapper{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 2px 4px #0003!important}[data-theme=dark] .search-input-wrapper:focus-within{border-color:#6366f1!important;box-shadow:0 4px 12px #6366f140!important}[data-theme=dark] .search-icon{color:#b0b0b0!important}[data-theme=dark] .search-input{color:#e5e5e5!important}[data-theme=dark] .search-input::placeholder{color:grey!important}[data-theme=dark] .search-clear-btn{background:#404040!important;color:#b0b0b0!important}[data-theme=dark] .search-clear-btn:hover{background:#505050!important;color:#e5e5e5!important}@media (max-width:768px){.search-input-wrapper{border-radius:10px}.search-input{font-size:15px;padding:14px 14px 14px 44px}.search-icon{left:14px}.search-clear-btn{font-size:11px;height:22px;right:14px;width:22px}}.countdown-timer{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 8px;transform:translateY(-5px)}.timer-icon{font-size:10px}.timer-text{white-space:nowrap}@keyframes pulse{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}[data-theme=dark] .countdown-timer{box-shadow:0 1px 3px #0000004d}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#e0e0e0;--border-subtle:#f0f0f0;--shadow:#0000001a;--shadow-hover:#00000026}.loading-container{min-height:300px;padding:60px 20px}.loading-spinner{border:4px solid #e0e0e0}.loading-text{color:#666;color:var(--text-secondary)}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:grey;--border-color:#404040;--border-subtle:#333;--shadow:#0000004d;--shadow-hover:#0006}[data-theme=dark] .tournament-name{color:#f5f5f5!important}[data-theme=dark] .tournament-season{color:#b0b0b0!important}[data-theme=dark] .tournament-year{color:grey!important}[data-theme=dark] .tournament-game{color:#e5e5e5!important}[data-theme=dark] .tournament-date{color:#b0b0b0!important}[data-theme=dark] .tournament-location{color:grey!important}[data-theme=dark] .date-range{color:#b0b0b0!important}[data-theme=dark] .tournament-card{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 2px 8px #0006!important}[data-theme=dark] .tournament-card:hover{background:#2e2e2e!important;border-color:#505050!important;box-shadow:0 8px 25px #00000080!important}[data-theme=dark] .btn-manage-games{background:#2a2a2a!important;border:2px solid #404040!important;color:#e5e5e5!important}[data-theme=dark] .btn-manage-games:hover{background:#404040!important;border-color:#606060!important;color:#f5f5f5!important}[data-theme=dark] .sync-status{background:#2a2a2a!important;border:1px solid #404040!important}[data-theme=dark] .sync-info,[data-theme=dark] .sync-text{color:#e5e5e5!important}[data-theme=dark] .sync-details{color:#b0b0b0!important}[data-theme=dark] .data-disclaimer{background:#ff980026!important;border-color:#ff98004d!important;color:#b0b0b0!important}[data-theme=dark] .disclaimer-icon{color:#ffb74d!important}.home-container{background:#fff;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px;transition:background-color .3s ease,color .3s ease}.home-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.home-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:600;margin:0}.selected-games-summary{align-items:center;display:flex;gap:15px}.games-count{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500}.btn-manage-games{background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-manage-games:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.selected-games-display{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:40px;padding:25px;transition:background-color .3s ease,border-color .3s ease}.sync-status{background:#f0f8ff;border:1px solid #e3f2fd;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:30px;padding:15px 20px}.sync-info,.sync-status{align-items:center;display:flex}.sync-info{color:#1976d2;gap:8px}.sync-icon,.sync-text{font-size:14px}.sync-text{font-weight:500}.sync-details{color:#757575;font-size:12px;font-weight:400}.data-disclaimer{align-items:center;background:#ff98001a;border:1px solid #ff980033;border-radius:6px;color:#666;display:flex;font-size:11px;gap:6px;padding:6px 12px}.disclaimer-icon{color:#ff9800;font-size:11px}.disclaimer-text{font-size:13px;font-weight:400}.selected-games-display h3{color:#1a1a1a;color:var(--text-primary);font-size:18px;font-weight:500;margin:0 0 15px}.selected-games-grid{display:flex;flex-wrap:wrap;gap:10px}.selected-game-chip{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:20px;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:background-color .3s ease,border-color .3s ease}.game-category-dot{border-radius:50%;height:8px;width:8px}.empty-state{align-items:center;display:flex;flex-direction:column;padding:80px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h2{color:#333;font-size:28px;margin-bottom:15px}.empty-state p{color:#666;font-size:16px;margin-bottom:25px}.no-tournaments{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;margin-top:30px;padding:60px 20px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.no-tournaments-icon{font-size:48px;margin-bottom:20px}.no-tournaments h3{color:#1a1a1a;color:var(--text-primary);font-size:20px;margin-bottom:10px}.no-tournaments p{color:#666;color:var(--text-secondary);font-size:16px;margin:0}.tournaments-header{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border-subtle);margin:40px 0 25px;padding-bottom:15px}.tournaments-header h2{color:#1a1a1a;color:var(--text-primary);font-size:24px;font-weight:500;margin:0}.tournaments-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tournament-card{background:#fff;background:var(--bg-card);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;height:100%;padding:24px;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,border-color .3s ease}.tournament-card:hover{border-color:#f0f0f0;border-color:var(--border-subtle);box-shadow:0 8px 25px #00000026;box-shadow:0 8px 25px var(--shadow-hover);transform:translateY(-3px)}.tournament-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tournament-game-info{align-items:center;display:flex;gap:10px;margin-bottom:8px}.tournament-category-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.tournament-game{font-weight:500}.tournament-game,.tournament-name{color:#1a1a1a;color:var(--text-primary)}.tournament-name{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 15px}.tournament-season{color:#666;color:var(--text-secondary);font-size:16px;font-weight:500}.tournament-year{color:#999;color:var(--text-muted);font-size:14px;font-weight:400}.date-range{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500}.tournament-prizepool{color:#28a745;font-size:14px;font-weight:500}.tournament-details{display:flex;flex-direction:column;flex-grow:1;gap:8px;margin-bottom:16px}.tournament-date{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500}.timezone-display{display:flex;flex-direction:column;gap:6px}.primary-time{align-items:center;display:flex;font-weight:500;gap:8px}.timezone-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);margin-top:4px}.timezone-item{background:#f8f9fa;background:var(--bg-secondary);border-radius:6px;color:#999;color:var(--text-muted);font-size:11px;padding:2px 6px;text-align:center;white-space:nowrap}[data-theme=dark] .timezone-item{background:#333;color:#999}.tournament-start-time{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500}.tournament-location{color:#999;color:var(--text-muted);font-size:14px}.tournament-links{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);justify-content:space-between;margin-top:auto;padding-top:16px}.links-enabled{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.tournament-link{border:2px solid #0000}.tournament-link.official{background:#fff3cd;border-color:#ffeaa7;color:#856404}.tournament-link.official:hover{background:#ffeaa7;color:#6c5500}.tournament-link.liquipedia{background:#e7f3ff;border-color:#b3d9ff;color:#06c}.tournament-link.liquipedia:hover{background:#b3d9ff;color:#0056b3}.no-links{color:#999;font-size:12px;font-style:italic}.links-disabled{display:flex;flex-direction:column;gap:8px}.disabled-links{display:flex;flex-wrap:wrap;gap:8px}.disabled-link{align-items:center;background:#f5f5f5;border:2px dashed #ddd;border-radius:6px;color:#999;cursor:not-allowed;display:inline-flex;font-size:12px;font-weight:500;opacity:.6;padding:6px 12px}.upgrade-hint{display:flex;justify-content:center;margin-top:8px}.upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.upgrade-button:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.upgrade-button.compact{border-radius:16px;font-size:11px;padding:6px 12px}.tournament-link{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:4px;margin-right:8px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.tournament-link.official{background:#ff6b35;color:#fff}.tournament-link.official:hover{background:#e55a2b;transform:translateY(-1px)}.tournament-link.liquipedia{background:#3b82f6;color:#fff}.tournament-link.liquipedia:hover{background:#2563eb;transform:translateY(-1px)}.tournament-link.specific{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tournament-link.specific:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.tournament-link.liquipedia-game{background:#10b981;color:#fff}.tournament-link.liquipedia-game:hover{background:#059669;transform:translateY(-1px)}.tournament-card.premium{background:linear-gradient(135deg,#fff,#f8fcff);border-color:#e3f2fd}.tournament-card.premium:hover{border-color:#2196f3;box-shadow:0 8px 25px #2196f326}.tournament-card.free{background:#fff;border-color:#f5f5f5}.tournament-card.free:hover{border-color:#ddd;box-shadow:0 8px 25px #00000014}.btn-primary{border-radius:8px;font-weight:500;padding:12px 24px}.btn-primary:hover{background:#0056b3;box-shadow:0 4px 12px #007bff4d}.show-more-container{border-top:1px solid #f0f0f0;display:flex;justify-content:center;margin-top:40px;padding-top:30px}.btn-show-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:all .3s ease}.btn-show-more:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.home-container{padding:20px}.home-header{align-items:flex-start;flex-direction:column;gap:20px}.home-header h1{font-size:24px}.selected-games-summary{align-self:stretch;justify-content:space-between}.tournaments-list{grid-template-columns:1fr}.tournament-links{margin-top:12px;padding-top:12px}.disabled-links,.links-enabled{flex-direction:column;gap:6px}.upgrade-button{padding:10px 16px;width:100%}.show-more-container{margin-top:30px;padding-top:20px}.btn-show-more{font-size:15px;max-width:300px;padding:12px 24px;width:100%}.search-section{margin-bottom:20px}}.search-section{margin-bottom:30px}.tournament-search{margin:0 auto;max-width:600px}.no-results{color:#666;font-size:14px;font-style:italic;margin:10px 0;text-align:center}[data-theme=dark] .no-results{color:#b0b0b0}.tournament-section{margin-bottom:50px}.tournament-section:last-child{margin-bottom:0}.section-header{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border-subtle);margin-bottom:25px;padding-bottom:15px}.section-title{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-size:26px;font-weight:600;gap:10px;margin:0 0 8px}.section-subtitle{color:#666;color:var(--text-secondary);font-size:14px;font-weight:400;margin:0}.tournament-status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transform:translateY(-5px)}.tournament-status.live{animation:pulse-live 2s infinite;background:linear-gradient(135deg,#f44,#f66);color:#fff}@keyframes pulse-live{0%{box-shadow:0 0 0 0 #ff4444b3}70%{box-shadow:0 0 0 8px #f440}to{box-shadow:0 0 0 0 #f440}}.tournament-card.ongoing{background:linear-gradient(135deg,#fff,#ff444405);background:linear-gradient(135deg,var(--bg-card) 0,#ff444405 100%)}.tournament-card.upcoming{background:linear-gradient(135deg,#fff,#3b82f605);background:linear-gradient(135deg,var(--bg-card) 0,#3b82f605 100%)}[data-theme=dark] .tournament-card.ongoing{background:linear-gradient(135deg,#fff,#ff44440d);background:linear-gradient(135deg,var(--bg-card) 0,#ff44440d 100%)}[data-theme=dark] .tournament-card.upcoming{background:linear-gradient(135deg,#fff,#3b82f60d);background:linear-gradient(135deg,var(--bg-card) 0,#3b82f60d 100%)}.tournament-card.ongoing .tournament-category-badge{font-size:11px;font-weight:500;opacity:.85;padding:3px 8px}.tournament-card.ongoing .tournament-header{gap:12px}.tournament-card.ongoing .tournament-game-info{gap:8px}[data-theme=dark] .section-title{color:#1a1a1a;color:var(--text-primary)}[data-theme=dark] .section-subtitle{color:#666;color:var(--text-secondary)}[data-theme=dark] .tournament-links{border-top-color:#4a4a4a}.favorite-btn-bottom{background:none;border:none;border-radius:4px;bottom:12px;color:gold;cursor:pointer;font-size:20px;padding:4px;position:absolute;right:12px;transition:all .2s ease;z-index:10}.favorite-btn-bottom:hover{background:#f8f9fa;background:var(--bg-secondary);transform:scale(1.1)}.favorite-btn-bottom.favorited{color:#ff6b35}.favorite-btn-inline{background:none;border:none;border-radius:4px;color:gold;cursor:pointer;font-size:18px;margin-left:8px;padding:6px 8px;transition:all .2s ease;vertical-align:middle}.favorite-btn-inline:hover{background:#f8f9fa;background:var(--bg-secondary);transform:scale(1.1)}.favorite-btn-inline.favorited{color:#ff6b35}.favorite-btn-flex{background:none;border:none;border-radius:4px;color:#e67e22;cursor:pointer;flex-shrink:0;font-size:20px;padding:4px 8px;transition:all .2s ease}.favorite-btn-flex:hover{background:#f8f9fa;background:var(--bg-secondary);transform:scale(1.1)}.favorite-btn-flex.favorited{color:#ff6b35}[data-theme=dark] .favorite-btn-flex{color:gold}[data-theme=dark] .favorite-btn-flex.favorited{color:#ff6b35}.tournament-card{position:relative}.favorites-filter{display:flex;justify-content:center;margin-top:20px}.filter-btn{background:#fff;background:var(--bg-card);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;color:#666;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:gold;color:#1a1a1a;color:var(--text-primary)}.filter-btn.active{background:gold;border-color:gold;color:#1a1a1a;font-weight:600}.game-selector{margin:0 auto;max-width:900px;padding:20px}.game-selector-header{margin-bottom:30px}.game-selector-header h2{font-size:24px;font-weight:500;margin:0 0 15px}.tournament-summary-notice{align-items:flex-start;background:#f8f9fa;background:var(--notice-background,#f8f9fa);border:1px solid #e3e6ea;border:1px solid var(--notice-border,#e3e6ea);border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:12px 16px}.tournament-summary-notice .info-icon{flex-shrink:0;font-size:16px;margin-top:1px}.tournament-summary-notice p{color:#495057;color:var(--text-color,#495057);font-size:14px;line-height:1.4;margin:0}[data-theme=dark] .tournament-summary-notice{--notice-background:#2a2a2a;--notice-border:#404040;--text-color:#e5e5e5}.game-limit{color:#666;font-size:14px;margin:0}.upgrade-hint{color:#007bff;font-size:13px}.upgrade-hint-enhanced{background:linear-gradient(135deg,#ff6b6b,orange);background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin:8px auto 0;padding:6px 12px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.upgrade-hint-enhanced:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-1px)}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 16px #ff6b6b80;transform:scale(1.02)}}.category-filter{border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;padding-bottom:20px}.category-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.category-btn:hover{transform:translateY(-1px)}.category-btn.active,.category-btn:hover{border-color:#007bff;border-color:var(--category-color,#007bff)}.category-btn.active{background:#007bff;background:var(--category-color,#007bff);color:#fff}.games-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.game-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:left;transition:all .2s ease}.game-header{display:flex;justify-content:flex-end;margin-bottom:4px}.game-category-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.game-name{font-size:16px;font-weight:500}.game-count{color:#666;font-size:13px;font-weight:400}.game-card:hover:not(.disabled){border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.game-card.selected{background:#e7f3ff;border-color:#007bff}.game-card.selected .game-name{color:#007bff}.game-card.selected .game-count{color:#0056b3}.game-card.disabled{cursor:not-allowed;opacity:.4}.game-card.disabled:hover{box-shadow:none;transform:none}.game-search-section{margin-bottom:25px}.game-search{margin:0 auto;max-width:500px}.no-games-found{color:#666;padding:60px 20px;text-align:center}.no-games-icon{font-size:48px;margin-bottom:20px}.no-games-found h3{color:#333;font-size:18px;font-weight:500;margin:0 0 10px}.no-games-found p{color:#999;font-size:14px;margin:0}[data-theme=dark] .category-filter{border-bottom-color:#333!important}[data-theme=dark] .category-btn{background:#2a2a2a!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .category-btn:hover{background:#333!important}[data-theme=dark] .category-btn.active,[data-theme=dark] .category-btn:hover{border-color:#007bff!important;border-color:var(--category-color,#007bff)!important}[data-theme=dark] .category-btn.active{background:#007bff!important;background:var(--category-color,#007bff)!important;color:#fff!important}[data-theme=dark] .game-card{background:#2a2a2a!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .game-card:hover:not(.disabled){border-color:#007bff!important;box-shadow:0 4px 8px #0000004d!important}[data-theme=dark] .game-card.selected{background:#1a2332!important;border-color:#007bff!important}[data-theme=dark] .game-card.selected .game-name{color:#007bff!important}[data-theme=dark] .game-card.selected .game-count{color:#4da6ff!important}[data-theme=dark] .game-name{color:#e5e5e5!important}[data-theme=dark] .game-count,[data-theme=dark] .game-limit,[data-theme=dark] .no-games-found{color:#b0b0b0!important}[data-theme=dark] .no-games-found h3{color:#e5e5e5!important}[data-theme=dark] .no-games-found p{color:grey!important}.games-container{margin:0 auto;max-width:1200px;padding:40px 20px}.games-header{margin-bottom:40px;text-align:center}.games-header h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0 0 10px}.games-header p{color:#666;font-size:18px;margin:0 0 20px}.notification-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:12px;margin-top:20px;padding:20px}.notification-banner-content{align-items:center;display:flex;gap:15px;text-align:left}.notification-icon{flex-shrink:0;font-size:24px}.notification-banner strong{color:#1565c0;display:block;font-size:16px;margin-bottom:5px}.notification-banner p{color:#424242;font-size:14px;line-height:1.4;margin:0}.games-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:center;margin-top:40px;padding-top:30px}.btn-primary,.btn-secondary{border:2px solid;font-size:16px;min-width:140px;padding:14px 28px;transition:all .2s ease}.btn-primary{background:#007bff;border-color:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.btn-secondary{border-color:#6c757d;color:#6c757d}.btn-secondary:hover{background:#6c757d;box-shadow:0 4px 12px #6c757d4d}@media (max-width:768px){.games-container{padding:20px}.games-header h1{font-size:24px}.games-header p{font-size:16px}.games-actions{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:300px;width:100%}}[data-theme=dark] .games-header h1{color:#e5e5e5!important}[data-theme=dark] .games-header p{color:#b0b0b0!important}[data-theme=dark] .notification-banner{background:linear-gradient(135deg,#1a2332,#243447)!important;border-color:#007bff!important}[data-theme=dark] .notification-banner strong{color:#4da6ff!important}[data-theme=dark] .notification-banner p{color:#e5e5e5!important}[data-theme=dark] .games-actions{border-top-color:#333!important}[data-theme=dark] .btn-secondary{background:#2a2a2a!important;border-color:#6c757d!important}[data-theme=dark] .btn-secondary:hover{background:#6c757d!important;color:#fff!important}.subscription-upgrade{margin:0 auto;max-width:1000px;padding:40px 20px}.upgrade-header{align-items:center;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:50px;text-align:center}.upgrade-header h2{color:#1a1a1a;font-size:32px;font-weight:600;margin:0 auto 12px;text-align:center}.upgrade-header p{color:#666;font-size:16px;margin:0 auto;text-align:center}.pricing-badge{align-self:center;display:flex;justify-content:center}.plans-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e0e7ff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;padding:30px 24px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.plan-card.popular{border-color:#6366f1;box-shadow:0 8px 25px #6366f126;transform:scale(1.05)}.plan-card.premium{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#8b5cf6}.plan-card.current-plan{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b981}.popular-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.best-value-badge,.popular-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;letter-spacing:.5px;padding:6px 20px;position:absolute;text-align:center;text-transform:uppercase;top:-18px;transform:translateX(-50%)}.best-value-badge{background:linear-gradient(135deg,#10b981,#059669)}.landing-page .best-value-badge,.landing-page .popular-badge{top:-12px}.early-supporter-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24;border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-size:11px;font-weight:600;left:50%;letter-spacing:.3px;padding:6px 16px;position:absolute;text-transform:none;top:-12px;transform:translateX(-50%);white-space:nowrap}.early-supporter-notice{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fb923c;border-radius:8px;color:#c2410c;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;margin-top:12px;padding:8px 12px;text-align:center}.early-supporter-icon{font-size:14px}[data-theme=dark] .early-supporter-notice{background:linear-gradient(135deg,#451a03,#78350f);border-color:#ea580c;color:#fed7aa}.plan-header{display:flex;flex-direction:column;margin-bottom:24px;max-width:100%;min-height:280px;overflow:hidden;text-align:center;width:100%}.plan-header h3{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 8px}.plan-description{color:#666;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 16px}.plan-pricing{margin-bottom:24px}.pricing-display{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:100%;width:100%}.price-option{align-items:baseline;position:relative}.price-option,.price-option.yearly{display:flex;gap:1px;justify-content:center;max-width:100%;overflow:hidden;white-space:nowrap}.price-option.yearly{align-items:center;color:#059669;font-weight:600}.price{color:#1a1a1a;font-size:25px;font-weight:700}.original-price{color:#999;font-size:16px;font-weight:500;margin-right:6px;text-decoration:line-through}.period{color:#666}.period,.price-divider{font-size:12px;font-weight:500}.price-divider{color:#999;margin:4px 0}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-top:4px;padding:4px 8px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.plan-features{flex-grow:1;margin-bottom:24px}.feature{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;padding:8px 0}.feature:not(:last-child){border-bottom:1px solid #f3f4f6}.feature-highlight{animation:feature-glow 3s infinite;background:linear-gradient(135deg,#ff6b6b,orange);border:none!important;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff!important;font-weight:600;margin:8px 0;padding:12px 16px!important}@keyframes feature-glow{0%,to{box-shadow:0 2px 8px #ff6b6b4d}50%{box-shadow:0 4px 16px #ff6b6b80}}.plan-actions{display:flex;flex-direction:column;gap:12px}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;color:#fff!important;cursor:pointer!important;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase}.btn-upgrade.monthly{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:2px solid #81d4fa;color:#0277bd}.btn-upgrade.monthly:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa);color:#01579b;transform:translateY(-2px)}.btn-upgrade.yearly{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #0000;color:#fff}.btn-upgrade.yearly:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-upgrade:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-upgrade:disabled{cursor:not-allowed;opacity:.6;transform:none}.savings{display:block;font-size:11px;font-weight:400;margin-top:2px;opacity:.9}.current-plan-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:12px 16px;text-align:center;text-transform:uppercase}.subscription-details{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e0e7ff;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:16px 20px}[data-theme=dark] .subscription-details{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#404040;box-shadow:0 2px 8px #0000004d}.subscription-detail-item{display:flex;flex-direction:column;gap:6px;padding:10px 0}.subscription-detail-item:not(:last-child){border-bottom:1px solid #cbd5e1}[data-theme=dark] .subscription-detail-item:not(:last-child){border-bottom-color:#404040}.detail-label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px}[data-theme=dark] .detail-label{color:#cbd5e1}.detail-icon{align-items:center;display:inline-flex;font-size:18px}.detail-value{color:#0f172a;font-size:15px;font-weight:700;white-space:nowrap}[data-theme=dark] .detail-value{color:#e5e5e5}.current-plan-section{display:flex;flex-direction:column;gap:16px}.plan-management{display:flex;flex-direction:column;gap:8px}.btn-cancel,.btn-manage,.btn-switch-period{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-manage{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-manage:hover{background:#e2e8f0}.btn-switch-period{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #7dd3fc;color:#0369a1;font-weight:600}.btn-switch-period:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-2px)}.btn-switch-period:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-cancel:hover{background:#fee2e2}.downgrade-section{display:flex;flex-direction:column}.btn-downgrade{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.btn-downgrade:hover{background:#e2e8f0;color:#475569}.upgrade-footer{border-top:1px solid #e5e7eb;padding-top:30px;text-align:center}.upgrade-footer p{color:#6b7280;font-size:14px;margin:0}@media (max-width:1024px){.plans-grid{gap:20px;grid-template-columns:1fr}.plan-card.popular{transform:none!important}.plan-card:first-child{order:1}.plan-card:nth-child(2){order:2}.plan-card:nth-child(3){order:3}}@media (max-width:768px){.subscription-upgrade{padding:20px}.upgrade-header h2{font-size:24px}.plan-card{padding:24px 20px}.price{font-size:24px}.btn-upgrade{font-size:13px;padding:12px 16px}.plan-management{flex-direction:column;gap:8px}.savings-badge{font-size:10px;margin-left:6px;padding:3px 6px}}[data-theme=dark] .upgrade-header h2{color:#e5e5e5!important}[data-theme=dark] .upgrade-header p{color:#b0b0b0!important}[data-theme=dark] .plan-card{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .plan-card:hover{box-shadow:0 8px 25px #0006!important}[data-theme=dark] .plan-card.popular{border-color:#6366f1!important;box-shadow:0 8px 25px #6366f14d!important}[data-theme=dark] .plan-card.premium{background:linear-gradient(135deg,#2a2a2a,#3a2a4a)!important;border-color:#8b5cf6!important}[data-theme=dark] .plan-card.current-plan{background:linear-gradient(135deg,#2a2a2a,#2a3a2f)!important;border-color:#10b981!important}[data-theme=dark] .plan-header h3{color:#e5e5e5!important}[data-theme=dark] .plan-description{color:#a1a1aa!important}[data-theme=dark] .price{color:#e5e5e5!important}[data-theme=dark] .original-price{color:#666!important}[data-theme=dark] .period{color:#b0b0b0!important}[data-theme=dark] .price-divider{color:grey!important}[data-theme=dark] .feature{border-bottom-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .btn-upgrade.monthly{background:linear-gradient(135deg,#0f4c75,#1e6091)!important;border-color:#29b6f6!important;color:#b3e5fc!important}[data-theme=dark] .btn-upgrade.monthly:hover{background:linear-gradient(135deg,#1e6091,#2986cc)!important;color:#e1f5fe!important}[data-theme=dark] .btn-manage{background:#333!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .btn-manage:hover{background:#404040!important}[data-theme=dark] .btn-switch-period{background:linear-gradient(135deg,#164e63,#0e7490)!important;border-color:#0891b2!important;color:#bae6fd!important}[data-theme=dark] .btn-switch-period:hover{background:linear-gradient(135deg,#0e7490,#06b6d4)!important;color:#e0f2fe!important}[data-theme=dark] .btn-cancel{background:#4a2626!important;border-color:#7f1d1d!important;color:#f87171!important}[data-theme=dark] .btn-cancel:hover{background:#5a2d2d!important}[data-theme=dark] .btn-downgrade{background:#333!important;border-color:#404040!important;color:#b0b0b0!important}[data-theme=dark] .btn-downgrade:hover{background:#404040!important;color:#e5e5e5!important}[data-theme=dark] .upgrade-footer{border-top-color:#404040!important}[data-theme=dark] .upgrade-footer p{color:#b0b0b0!important}.cancellation-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:13px;font-weight:600;margin-bottom:12px;padding:10px 12px}[data-theme=dark] .cancellation-notice{background:#4a3800;border-color:#6b5400;color:#ffd966}.btn-reactivate{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-reactivate:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-reactivate:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:32px;width:100%}[data-theme=dark] .modal-content{background:#2a2a2a;border:1px solid #404040}.modal-content h3{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 16px}[data-theme=dark] .modal-content h3{color:#e5e5e5}.modal-content p{color:#666;font-size:16px;line-height:1.6;margin-bottom:24px}[data-theme=dark] .modal-content p{color:#b0b0b0}.cancel-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px}.cancel-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.cancel-message.error{background:#fee2e2;border:1px solid #dc2626;color:#991b1b}[data-theme=dark] .cancel-message.success{background:#064e3b;border-color:#059669;color:#a7f3d0}[data-theme=dark] .cancel-message.error{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.modal-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-confirm-cancel,.btn-keep-plan{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:180px;padding:14px 20px;transition:all .2s ease}.btn-keep-plan{background:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-keep-plan:hover{background:#e2e8f0;transform:translateY(-2px)}[data-theme=dark] .btn-keep-plan{background:#333;border-color:#404040;color:#e5e5e5}[data-theme=dark] .btn-keep-plan:hover{background:#404040}.btn-confirm-cancel{background:#dc2626;color:#fff}.btn-confirm-cancel:hover{background:#b91c1c;box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.btn-confirm-cancel:disabled,.btn-keep-plan:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.modal-actions{flex-direction:column}.btn-confirm-cancel,.btn-keep-plan{min-width:auto;width:100%}}.feedback-form-container{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:24px}.feedback-form-header{margin-bottom:24px;text-align:center}.feedback-form-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.feedback-form-header p{color:#666;font-size:14px;line-height:1.4;margin:0}.feedback-alert{align-items:flex-start;border:1px solid;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.feedback-alert.success{background:#f0f9ff;border-color:#10b981;color:#065f46}.feedback-alert.error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.alert-icon{flex-shrink:0;font-size:16px;margin-top:2px}.alert-content strong{display:block;font-weight:600;margin-bottom:4px}.alert-content p{font-size:14px;margin:0;opacity:.9}.feedback-form{gap:20px}.feedback-form,.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:4px;margin-bottom:8px}.label-text{flex-grow:1}.required{color:#ef4444;font-weight:600}.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s}.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{cursor:pointer}.form-textarea{line-height:1.5;min-height:100px;resize:vertical}.character-count{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.btn-primary,.btn-secondary{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{border-color:#d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.feedback-form-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.privacy-note{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;justify-content:center;margin:0;text-align:center}.privacy-icon{flex-shrink:0}@media (max-width:768px){.feedback-form-container{border-radius:8px;margin:0 16px;padding:20px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.feedback-form-header h3{font-size:18px}}[data-theme=dark] .feedback-form-container{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .feedback-form-header h3{color:#e5e5e5!important}[data-theme=dark] .feedback-form-header p{color:#b0b0b0!important}[data-theme=dark] .feedback-alert.success{background:#064e3b!important;border-color:#10b981!important;color:#a7f3d0!important}[data-theme=dark] .feedback-alert.error{background:#7f1d1d!important;border-color:#ef4444!important;color:#fca5a5!important}[data-theme=dark] .form-group label{color:#e5e5e5!important}[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#333!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633!important}[data-theme=dark] .character-count{color:#b0b0b0!important}[data-theme=dark] .btn-secondary{background:#333!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#404040!important;border-color:#666!important}[data-theme=dark] .feedback-form-footer{border-top-color:#404040!important}[data-theme=dark] .privacy-note{color:#b0b0b0!important}.settings-container{margin:0 auto;max-width:800px;padding:40px 20px}.settings-header{margin-bottom:40px;text-align:center}.settings-header h1{color:#1a1a1a;font-size:32px;font-weight:600;margin:0 0 10px}.settings-header p{color:#666;font-size:16px;margin:0}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px}.feedback-section{background:#0000;border:none;padding:0}.settings-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.settings-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 0}.settings-item:last-child{border-bottom:none}.settings-item label{color:#555;font-size:14px;font-weight:500}.settings-item span{color:#333;font-weight:500}.subscription-badge{border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subscription-badge.free{background:#e3f2fd;color:#1976d2}.subscription-badge.standard{background:#fff3e0;color:#f57c00}.subscription-badge.pro{background:#f3e5f5;color:#7b1fa2}.quick-actions{display:flex;flex-wrap:wrap;gap:15px}.btn-action{align-items:center;background:#fff;border:2px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:160px;padding:14px 20px;transition:all .2s ease}.btn-action:hover{background:#007bff;box-shadow:0 4px 12px #007bff4d;color:#fff;transform:translateY(-2px)}.upgrade-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upgrade-section h3{border-bottom-color:#fff3;color:#fff}.upgrade-section p{color:#ffffffe6;margin-bottom:20px}.upgrade-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.upgrade-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;padding:20px}.upgrade-option h4{color:#fff;font-size:16px;margin:0 0 8px}.upgrade-option p{color:#ffffffe6;font-size:14px;margin:0 0 8px}.upgrade-option small{color:#ffffffb3;font-size:12px}.btn-upgrade{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff9;cursor:not-allowed;font-size:16px;font-weight:500;padding:14px 20px;transition:all .2s ease;width:100%}.notification-settings{display:flex;flex-direction:column;gap:15px}.notification-settings .settings-item{align-items:flex-start;flex-direction:column;gap:8px}.notification-settings .settings-item label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.notification-settings .settings-item label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.notification-settings .settings-item select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.notification-settings .settings-item select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.btn-test{align-items:center;background:#fff;border:2px solid #28a745;border-radius:6px;color:#28a745;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-test:hover:not(:disabled){background:#28a745;box-shadow:0 3px 8px #28a7454d;color:#fff;transform:translateY(-1px)}.btn-test:disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.6}.notification-info{display:flex;flex-direction:column;gap:20px}.notification-explanation{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:20px}.notification-explanation p{color:#374151;font-size:16px;margin:0 0 15px}.reminder-timeline{display:flex;flex-direction:column;gap:12px}.reminder-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:10px}.reminder-icon{font-size:18px;text-align:center;width:24px}.reminder-item strong{color:#1f2937;margin-right:8px}.notification-timeline-item strong{margin-right:0!important}@media (max-width:768px){.reminder-timeline{gap:10px}.reminder-item{font-size:14px;padding:8px}.reminder-icon{font-size:16px;width:20px}.settings-container{padding:20px}.settings-header h1{font-size:24px}.upgrade-options{grid-template-columns:1fr}.quick-actions{flex-direction:column}.btn-action{min-width:auto}.subscription-section .subscription-upgrade{background:none;padding:0}}.subscription-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px}.subscription-section .subscription-upgrade{background:#0000;max-width:none;padding:0}.subscription-section .upgrade-header{margin-bottom:30px;text-align:left}.subscription-section .upgrade-header h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.subscription-section .upgrade-header p{color:#666;font-size:14px;margin:0}.subscription-section .upgrade-footer{border-top:1px solid #f0f0f0;margin-top:30px;padding-top:20px}.subscription-section .upgrade-footer p{color:#888;font-size:13px}[data-theme=dark] .settings-header h1{color:#e5e5e5!important}[data-theme=dark] .settings-header p{color:#b0b0b0!important}[data-theme=dark] .settings-section{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .settings-section h3{border-bottom-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .settings-item{border-bottom-color:#333!important}[data-theme=dark] .settings-item label{color:#b0b0b0!important}[data-theme=dark] .settings-item span{color:#e5e5e5!important}[data-theme=dark] .btn-action{background:#2a2a2a!important;border-color:#007bff!important;color:#007bff!important}[data-theme=dark] .btn-action:hover{background:#007bff!important;color:#fff!important}[data-theme=dark] .notification-explanation{background:#1a2332!important;border-left-color:#3b82f6!important}[data-theme=dark] .notification-explanation p{color:#e5e5e5!important}[data-theme=dark] .reminder-item{background:#2a2a2a!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .reminder-item strong{color:#e5e5e5!important}[data-theme=dark] .notification-settings .settings-item select{background:#2a2a2a!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .notification-settings .settings-item select:disabled{background:#333!important;color:grey!important}[data-theme=dark] .btn-test{background:#2a2a2a!important;border-color:#28a745!important;color:#28a745!important}[data-theme=dark] .btn-test:hover:not(:disabled){background:#28a745!important;color:#fff!important}[data-theme=dark] .btn-test:disabled{background:#333!important;border-color:#404040!important;color:#666!important}[data-theme=dark] .subscription-section{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .subscription-section .upgrade-header h2{color:#e5e5e5!important}[data-theme=dark] .subscription-section .upgrade-header p{color:#b0b0b0!important}[data-theme=dark] .subscription-section .upgrade-footer{border-top-color:#404040!important}[data-theme=dark] .subscription-section .upgrade-footer p{color:grey!important}[data-theme=dark] .subscription-badge.free{background:#1e3a8a!important;color:#bfdbfe!important}[data-theme=dark] .subscription-badge.standard{background:#ea580c!important;color:#fed7aa!important}[data-theme=dark] .subscription-badge.pro{background:#7c3aed!important;color:#e9d5ff!important}[data-theme=dark] .feedback-section{background:#0000!important;border:none!important}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #667eea;height:40px;width:40px}.loading-text{color:var(--text-color);font-size:16px;font-weight:500;margin-top:20px}.analytics-page{background:var(--app-bg);margin:0 auto;max-width:1200px;padding:40px 20px}.analytics-header{margin-bottom:40px;text-align:center}.analytics-header h1{color:var(--title-color);font-size:36px;font-weight:600;margin:0 0 12px}.analytics-subtitle{color:#666;font-size:16px;margin:0}.data-freshness{color:#999;font-size:14px;font-style:italic;margin:16px 0 0}.error-state,.loading-state{color:var(--nav-text);padding:60px 20px;text-align:center}.error-state{color:#dc2626}.retry-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 20px}.retry-button:hover{background:#5a67d8}.pro-feature-showcase{margin:0 auto;max-width:900px;padding:0 20px}.feature-preview{background:var(--header-bg);border:1px solid var(--header-border);border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:40px;position:relative}.preview-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;text-align:center}.lock-icon{font-size:48px;opacity:.8}.preview-header h3{color:var(--title-color);font-size:28px;font-weight:600;margin:0}.feature-benefits{margin-bottom:40px}.benefit-item{align-items:center;color:var(--nav-text);display:flex;font-size:17px;font-weight:500;gap:12px;line-height:1.4;margin-bottom:16px}.benefit-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:22px;text-align:center;width:28px}.sample-charts h4{color:var(--title-color);font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.chart-preview{background:var(--header-bg);border:1px solid var(--header-border);border-radius:12px;min-height:200px;padding:20px;position:relative;transition:all .3s ease}.chart-preview.locked{opacity:.7}.chart-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.lock-symbol{color:#fff;font-size:32px;text-shadow:0 2px 4px #00000080}.chart-content{position:relative;text-align:center;z-index:1}.chart-content h5{color:var(--title-color);font-size:16px;font-weight:600;margin:0 0 12px}.chart-placeholder{font-size:48px;margin:20px 0;opacity:.6}.chart-content p{color:var(--nav-text);font-size:14px;margin:0}.mock-bar-chart{align-items:end;display:flex;gap:8px;height:80px;justify-content:center;margin:20px 0}.mock-bar-chart .bar{border-radius:2px 2px 0 0;transition:all .3s ease;width:20px}.mock-line-chart,.mock-pie-chart{display:flex;justify-content:center;margin:20px 0}.mock-pie-chart{align-items:center}.mock-horizontal-bar-chart{display:flex;flex-direction:column;gap:8px;margin:20px 0;padding:0 12px}.horizontal-bar-item{align-items:center;display:flex;gap:8px}.bar-label{color:#6b7280;font-size:11px;font-weight:500;text-align:right;width:30px}.horizontal-bar{border-radius:2px;height:12px;transition:all .3s ease}.upgrade-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.upgrade-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.upgrade-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.upgrade-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#7c3aed);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.analytics-content{margin-top:40px}.charts-grid-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-section{display:flex;flex-direction:column;padding:0 0 24px}.chart-section .chart-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:0}.chart-section .chart-container>div:first-child{height:400px}.chart-section .chart-container .chart-insights,.chart-section .chart-container .growth-indicators{border-top:1px solid var(--header-border);flex-shrink:0;margin-bottom:8px;margin-top:12px;padding-top:12px}[data-theme=dark] .analytics-subtitle,[data-theme=dark] .loading-state{color:#b0b0b0}[data-theme=dark] .feature-preview{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .chart-overlay{background:#000000b3}[data-theme=dark] .charts-container pre{background:#2a2a2a;color:#e5e5e5}@media (max-width:768px){.analytics-page{padding:20px}.analytics-header h1{font-size:28px}.feature-preview{padding:24px}.preview-header h3{font-size:24px}.charts-grid{gap:16px}.charts-grid,.charts-grid-layout{grid-template-columns:1fr}.chart-section{padding-bottom:20px}.chart-section .chart-container>div:first-child{height:300px}.upgrade-actions{align-items:center;flex-direction:column}.upgrade-btn{max-width:280px;width:100%}}.chart-container{background:var(--header-bg);border:1px solid var(--header-border);border-radius:12px;margin-bottom:24px;padding:20px;position:relative}.chart-placeholder{color:var(--nav-text);font-style:italic;padding:60px 20px;text-align:center}.summary-stats{background:var(--header-bg);border:1px solid var(--header-border);border-radius:12px;margin-bottom:24px;padding:30px}.stats-title{color:var(--title-color);font-size:20px;font-weight:600;margin:0 0 24px;text-align:center}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:var(--app-bg);border:1px solid var(--header-border);border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:32px;margin-bottom:12px}.stat-value{color:var(--title-color);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--nav-text);font-size:14px;font-weight:600;margin-bottom:4px}.stat-description{color:#666;font-size:12px}.top-regions{border-top:1px solid var(--header-border);padding-top:20px;text-align:center}.top-regions h4{color:var(--title-color);font-size:16px;font-weight:600;margin:0 0 16px}.regions-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.region-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}[data-theme=dark] .chart-container,[data-theme=dark] .summary-stats{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stat-card{background:#1a1a1a;border-color:#404040}[data-theme=dark] .stat-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .stat-description{color:#b0b0b0}@media (max-width:768px){.chart-container{padding:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-value{font-size:20px}.stat-icon{font-size:24px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.faq-section{background:var(--bg-secondary);padding:80px 0}.faq-container{margin:0 auto;max-width:800px;padding:0 20px}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#667eea;box-shadow:0 4px 12px var(--shadow)}.faq-question{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.faq-question:hover{background:var(--bg-secondary)}.question-text{flex:1 1;line-height:1.4}.question-icon{align-items:center;color:#667eea;display:flex;font-size:1.5rem;font-weight:400;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.question-icon.open{transform:rotate(180deg)}.faq-answer{animation:slideDown .3s ease;border-top:1px solid var(--border-subtle);padding:0 24px 24px}.faq-answer p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;padding-top:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .faq-question{color:var(--text-primary)}[data-theme=dark] .faq-answer p{color:var(--text-secondary)}[data-theme=dark] .faq-item{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .faq-question:hover{background:#667eea1a}@media (max-width:768px){.faq-section{padding:60px 0}.faq-title{font-size:2rem;margin-bottom:30px}.faq-question{font-size:1rem;padding:16px 20px}.faq-answer{padding:0 20px 20px}.faq-answer p{font-size:.9rem;padding-top:12px}}.landing-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.landing-page *{box-sizing:border-box;max-width:100%}.early-supporter-banner{background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:2px solid #fbbf24;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.banner-content{align-items:center;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin:0 auto;max-width:1200px;padding:4px 16px}.banner-icon{animation:sparkle 2s infinite;font-size:20px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.banner-text{align-items:center;display:flex;gap:8px}.banner-highlight{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:12px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.banner-arrow{animation:bounce 2s infinite;font-size:18px}.hero-section{align-items:center;display:flex;margin:0 auto;max-width:1200px;min-height:85vh;padding:80px 20px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:100%;overflow:hidden;width:100%}.hero-text{max-width:600px}.hero-headline{color:#1a202c;font-size:48px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 24px}.hero-subheading{color:#4a5568;font-size:20px;font-weight:400;line-height:1.6;margin:0 0 32px}.hero-cta{display:flex;gap:16px;margin-bottom:20px}.cta-primary,.cta-secondary,.final-cta-button{align-items:center;border:2px solid;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .2s ease}.cta-primary,.final-cta-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}.cta-primary:hover,.final-cta-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #6366f14d;transform:translateY(-2px)}.cta-secondary{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-color:#81d4fa;color:#0277bd}.cta-secondary:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa);border-color:#29b6f6;box-shadow:0 4px 12px #0277bd33;color:#01579b;transform:translateY(-1px)}.cta-arrow{font-size:18px;transition:transform .2s ease}.cta-primary:hover .cta-arrow,.final-cta-button:hover .cta-arrow{transform:translateX(3px)}.hero-note{color:#6b7280;font-size:14px;margin:0}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-mockup{max-width:500px;width:100%}.mockup-window{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden}.mockup-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.mockup-dots{display:flex;gap:6px}.mockup-dots span{background:#d1d5db;border-radius:50%;height:12px;width:12px}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-title{color:#374151;font-size:14px;font-weight:600}.mockup-content{padding:24px}.mockup-tournament{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:12px;padding:16px}.mockup-tournament:last-child{margin-bottom:0}.tournament-badge{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 8px}.tournament-game{color:#3b82f6;font-size:14px;font-weight:600;margin-bottom:4px}.mockup-tournament strong{color:#1a202c;display:block;font-size:16px;margin-bottom:8px}.mockup-tournament p{color:#4a5568;font-size:14px;margin:4px 0}.features-section{background:#fff;padding:100px 20px}.features-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.features-header{margin-bottom:60px;text-align:center}.features-header h2{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 16px}.features-header p{color:#4a5568;font-size:18px;margin:0}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#cbd5e0;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:24px}.feature-card h3{color:#1a202c;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 16px}.feature-card p{color:#4a5568;font-size:16px;line-height:1.6;margin:0}.demo-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:100px 20px}.demo-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.demo-header{margin-bottom:60px;text-align:center}.demo-header h2{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 16px}.demo-header p{color:#4a5568;font-size:18px;margin:0}.demo-preview{display:flex;justify-content:center}.demo-screenshot{max-width:800px;width:100%}.screenshot-mockup{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px #00000026;overflow:hidden}.screenshot-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.screenshot-header h3{color:#1a202c;font-size:20px;font-weight:600;margin:0}.games-selected{background:#10b981;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.screenshot-games{background:#f9fafb;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.game-chip{border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px}.game-chip.moba{background:#8b5cf6}.game-chip.fps{background:#ef4444}.game-chip.strategy{background:#f59e0b}.screenshot-tournaments{padding:24px}.screenshot-tournament{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px}.screenshot-tournament:last-child{margin-bottom:0}.tournament-info h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 8px}.tournament-category{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 8px}.tournament-info p{color:#4a5568;font-size:14px;margin:4px 0}.tournament-links{display:flex;gap:12px}.link-preview{background:#3b82f6;border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:8px 12px}.testimonials-section{background:#fff;padding:100px 20px}.testimonials-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.testimonials-header{margin-bottom:60px;text-align:center}.testimonials-header h2{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 16px}.testimonials-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:40px 32px;position:relative;text-align:center;transition:all .3s ease}.testimonial-card:hover{border-color:#cbd5e0;box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.testimonial-quote{color:#667eea;font-family:Georgia,serif;font-size:48px;line-height:1;margin-bottom:24px}.testimonial-text{color:#4a5568;font-size:16px;font-style:italic;line-height:1.6;margin:0 0 24px}.testimonial-author strong{color:#1a202c;font-size:16px;font-weight:600}.pricing-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:60px 20px}.pricing-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px}.pricing-header{margin-bottom:40px;text-align:center}.pricing-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24;border-radius:50px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}.badge-icon{font-size:16px}.pricing-header h2{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 16px;scroll-margin-top:120px}.pricing-header p{color:#4a5568;font-size:18px;margin:0}.final-cta-section{background:linear-gradient(135deg,#1a202c,#2d3748);padding:80px 20px;text-align:center}.final-cta-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px}.final-cta-content h2{color:#fff;font-size:36px;font-weight:700;margin:0 0 16px}.final-cta-content p{color:#cbd5e0;font-size:18px;margin:0 0 32px}.final-cta-button{font-size:18px;padding:20px 40px}@media (max-width:768px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-section{min-height:auto;padding:60px 20px}.hero-headline{font-size:36px}.hero-subheading{font-size:18px}.hero-cta{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{justify-content:center;max-width:280px;width:100%}.features-grid{gap:30px;grid-template-columns:1fr}.feature-card{padding:32px 24px}.demo-section,.features-section,.pricing-section{padding:60px 20px}.banner-content{flex-direction:column;font-size:14px;gap:8px}.banner-text{flex-direction:column;gap:4px;text-align:center}.banner-arrow{display:none}.demo-header h2,.features-header h2,.final-cta-content h2,.pricing-header h2{font-size:28px}.screenshot-header{flex-direction:column;gap:12px;text-align:center}.screenshot-tournament{align-items:flex-start;flex-direction:column;gap:16px}.tournament-links{align-self:stretch;justify-content:space-around}.final-cta-section{padding:60px 20px}}@media (max-width:480px){.hero-headline{font-size:28px}.hero-subheading{font-size:16px}.mockup-content{padding:16px}.feature-card{padding:24px 16px}.demo-screenshot{margin:0 -20px}.screenshot-mockup{border-radius:0}}body,html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth}.cta-primary:focus,.cta-secondary:focus,.final-cta-button:focus{outline:3px solid #3b82f680;outline-offset:2px}[data-theme=dark] .landing-page{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important}[data-theme=dark] .hero-headline{color:#e5e5e5!important}[data-theme=dark] .hero-subheading{color:#b0b0b0!important}[data-theme=dark] .hero-note{color:grey!important}[data-theme=dark] .cta-secondary{background:#333!important;border-color:#404040!important;color:#e5e5e5!important}[data-theme=dark] .cta-secondary:hover{background:#404040!important;border-color:#666!important}[data-theme=dark] .mockup-window{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 25px 50px #0006!important}[data-theme=dark] .mockup-header{background:#333!important;border-bottom-color:#404040!important}[data-theme=dark] .mockup-title{color:#e5e5e5!important}[data-theme=dark] .mockup-tournament{background:#333!important;border-left-color:#3b82f6!important}[data-theme=dark] .tournament-game{color:#4da6ff!important}[data-theme=dark] .mockup-tournament strong{color:#e5e5e5!important}[data-theme=dark] .mockup-tournament p{color:#b0b0b0!important}[data-theme=dark] .features-section{background:#1a1a1a!important}[data-theme=dark] .features-header h2{color:#e5e5e5!important}[data-theme=dark] .features-header p{color:#b0b0b0!important}[data-theme=dark] .feature-card{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .feature-card:hover{border-color:#666!important;box-shadow:0 20px 40px #0006!important}[data-theme=dark] .feature-card h3{color:#e5e5e5!important}[data-theme=dark] .feature-card p{color:#b0b0b0!important}[data-theme=dark] .demo-section{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important}[data-theme=dark] .demo-header h2{color:#e5e5e5!important}[data-theme=dark] .demo-header p{color:#b0b0b0!important}[data-theme=dark] .screenshot-mockup{background:#2a2a2a!important;border-color:#404040!important;box-shadow:0 25px 50px #0006!important}[data-theme=dark] .screenshot-header{background:#333!important;border-bottom-color:#404040!important}[data-theme=dark] .screenshot-header h3{color:#e5e5e5!important}[data-theme=dark] .screenshot-games{background:#333!important}[data-theme=dark] .screenshot-tournament{background:#333!important;border-color:#404040!important}[data-theme=dark] .tournament-info h4{color:#e5e5e5!important}[data-theme=dark] .tournament-info p{color:#b0b0b0!important}[data-theme=dark] .pricing-section{background:#1a1a1a!important}[data-theme=dark] .pricing-header h2{color:#e5e5e5!important}[data-theme=dark] .pricing-header p{color:#b0b0b0!important}[data-theme=dark] .final-cta-content h2{color:#e5e5e5!important}[data-theme=dark] .final-cta-content p{color:#b0b0b0!important}[data-theme=dark] .early-supporter-banner{background:linear-gradient(135deg,#92400e,#b45309)!important;border-bottom-color:#d97706!important;box-shadow:0 4px 12px #92400e66!important}[data-theme=dark] .pricing-badge{background:linear-gradient(135deg,#92400e,#b45309)!important;border-color:#d97706!important;box-shadow:0 4px 15px #92400e66!important}[data-theme=dark] .testimonials-section{background:#1a1a1a!important}[data-theme=dark] .testimonials-header h2{color:#e5e5e5!important}[data-theme=dark] .testimonial-card{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .testimonial-text{color:#b0b0b0!important}[data-theme=dark] .testimonial-author strong{color:#e5e5e5!important}.legal-page{background:var(--bg-primary);min-height:100vh;padding:60px 20px 100px}.legal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow);margin:0 auto;max-width:800px;padding:40px}.legal-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;margin-bottom:10px}.legal-last-updated{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-bottom:30px}.legal-page section{margin-bottom:30px}.legal-page h2{border-bottom:2px solid #667eea;color:var(--text-primary);font-size:1.5rem;margin-bottom:15px;padding-bottom:5px}.legal-page h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:10px;margin-top:20px}.legal-page p{margin-bottom:15px}.legal-page p,.legal-page ul{color:var(--text-secondary);line-height:1.6}.legal-page ul{margin:15px 0;padding-left:20px}.legal-page li{margin-bottom:8px}.legal-page a{color:#667eea;text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page strong{color:var(--text-primary)}[data-theme=dark] .legal-container{background:var(--bg-card);border-color:var(--border-color)}@media (max-width:768px){.legal-page{padding:40px 15px 80px}.legal-container{padding:25px 20px}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.3rem}}.subscription-success{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;margin:-40px -20px;min-height:calc(100vh - 80px);padding:40px 20px;width:calc(100% + 40px)}.success-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:600px;padding:60px 40px;text-align:center;width:100%}.success-content.error{border:2px solid #f87171}.success-icon{animation:bounce 1s ease-in-out}.error-icon,.success-icon{font-size:72px;margin-bottom:24px}.subscription-loading-spinner{display:flex;justify-content:center;margin-bottom:24px}.subscription-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.success-content h1{color:#1a1a1a;font-size:36px;font-weight:700;margin:0 0 20px}.success-content h2{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 16px}.success-message{color:#666;font-size:18px;line-height:1.6;margin-bottom:40px}.subscription-details{background:#f8fafc;border-radius:12px;margin-bottom:40px;padding:24px;text-align:left}.detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.label{color:#64748b;font-weight:500}.value{color:#1e293b;font-weight:600}.value.active{color:#059669}.success-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.next-steps{background:#fef7ff;border:2px solid #e9d5ff;border-radius:12px;padding:24px;text-align:left}.next-steps h3{color:#7c3aed;font-size:18px;font-weight:600;margin:0 0 16px}.next-steps ul{list-style:none;margin:0;padding:0}.next-steps li{color:#374151;font-weight:500;padding:6px 0}[data-theme=dark] .success-content{background:#2a2a2a;border:1px solid #404040}[data-theme=dark] .success-content h1,[data-theme=dark] .success-content h2{color:#e5e5e5}[data-theme=dark] .success-message{color:#b0b0b0}[data-theme=dark] .subscription-details{background:#1a1a1a;border:1px solid #404040}[data-theme=dark] .label{color:#9ca3af}[data-theme=dark] .value{color:#e5e5e5}[data-theme=dark] .value.active{color:#10b981}[data-theme=dark] .btn-secondary{background:#333;border-color:#8b5cf6;color:#a78bfa}[data-theme=dark] .btn-secondary:hover{background:#8b5cf6;color:#fff}[data-theme=dark] .next-steps{background:#2a1f3a;border-color:#6b21a8}[data-theme=dark] .next-steps h3{color:#a78bfa}[data-theme=dark] .next-steps li{color:#d1d5db}[data-theme=dark] .subscription-spinner{border-color:#8b5cf6 #404040 #404040}@media (max-width:768px){.subscription-success{padding:20px}.success-content{padding:40px 24px}.success-content h1{font-size:28px}.success-content h2{font-size:22px}.success-message{font-size:16px}.success-actions{align-items:stretch;flex-direction:column}.btn-primary,.btn-secondary{padding:14px 24px;width:100%}}.dark-mode-toggle{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#0000!important;cursor:pointer;height:auto!important;margin-left:16px;padding:0!important;transform:none!important;width:auto!important}.toggle-container{align-items:center;display:flex;gap:8px}.toggle-text{color:var(--nav-text);font-size:14px;font-weight:500;transition:color .3s ease;white-space:nowrap}.toggle-track{background:#e0e0e0;border-radius:12px;box-shadow:inset 0 1px 3px #0000001a;height:24px;position:relative;transition:background-color .3s ease;width:48px}[data-theme=dark] .toggle-track{background:#4a5568}.toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}[data-theme=dark] .toggle-thumb{background:#2d3748;transform:translateX(24px)}.toggle-icon{font-size:10px;line-height:1}.dark-mode-toggle:hover .toggle-track{background:#d0d0d0}[data-theme=dark] .dark-mode-toggle:hover .toggle-track{background:#5a6578}.dark-mode-toggle:focus{outline:none}.dark-mode-toggle:hover{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;box-shadow:none!important;color:#0000!important;height:auto!important;transform:none!important;width:auto!important}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:40px 0 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:10px}.footer-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:15px}.footer-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:8px}.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#667eea}.footer-bottom{border-top:1px solid var(--border-subtle);margin:30px auto 0;max-width:1200px;padding:20px 20px 0;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.8rem;margin:5px 0}.footer-disclaimer{font-style:italic}.footer-attribution{font-size:.75rem;margin-top:8px}.footer-attribution .footer-link{font-weight:600;text-decoration:underline}[data-theme=dark] .app-footer{background:var(--bg-secondary);border-top-color:var(--border-color)}[data-theme=dark] .footer-bottom{border-top-color:var(--border-subtle)}@media (max-width:768px){.app-footer{padding:30px 0 15px}.footer-content{gap:25px;grid-template-columns:1fr;text-align:center}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.footer-bottom{margin-top:25px;padding-top:15px}.footer-link{text-align:center}}.cookie-consent-banner{animation:slideUp .3s ease-out;background:var(--bg-card);border-top:2px solid #667eea;bottom:0;box-shadow:0 -4px 12px var(--shadow);left:0;padding:20px;position:fixed;right:0;z-index:1000}.cookie-consent-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1200px}.cookie-consent-text{flex:1 1}.cookie-consent-text h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.cookie-consent-text p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.cookie-consent-text a{color:#667eea;text-decoration:none}.cookie-consent-text a:hover{text-decoration:underline}.cookie-consent-actions{display:flex;flex-shrink:0;gap:12px}.btn-cookie-necessary{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-cookie-necessary:hover{background:var(--border-color);color:var(--text-primary)}.btn-cookie-accept{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-cookie-accept:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .cookie-consent-banner{background:var(--bg-card);border-top-color:#667eea}@media (max-width:768px){.cookie-consent-banner{padding:16px}.cookie-consent-content{flex-direction:column;gap:15px;text-align:center}.cookie-consent-actions{flex-wrap:wrap;justify-content:center}.cookie-consent-text p{font-size:.85rem}.btn-cookie-accept,.btn-cookie-necessary{font-size:.85rem;padding:8px 14px}}.floating-feedback-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.floating-feedback-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.floating-feedback-button:active{transform:translateY(0)}.floating-feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.floating-feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.floating-feedback-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 24px}.floating-feedback-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.floating-feedback-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.floating-feedback-close-button:hover{background:#f5f5f5;color:#333}.floating-feedback-modal-content{flex:1 1;overflow-y:auto;padding:0}.floating-feedback-modal-content .feedback-form-container{background:#fff;border-radius:0;box-shadow:none;margin:0;padding:24px}.floating-feedback-modal-content .feedback-form-header{display:none}.floating-feedback-modal-content .feedback-form{background:#fff}[data-theme=dark] .floating-feedback-modal{background:#2a2a2a;border:1px solid #404040}[data-theme=dark] .floating-feedback-modal-header{background:#2a2a2a;border-bottom-color:#404040}[data-theme=dark] .floating-feedback-modal-header h3{color:#e5e5e5}[data-theme=dark] .floating-feedback-modal-content .feedback-form,[data-theme=dark] .floating-feedback-modal-content .feedback-form-container{background:#2a2a2a}[data-theme=dark] .floating-feedback-close-button{color:#e5e5e5}[data-theme=dark] .floating-feedback-close-button:hover{background:#404040;color:#e5e5e5}@media (max-width:768px){.floating-feedback-button{bottom:20px;height:50px;right:20px;width:50px}.floating-feedback-modal-overlay{padding:10px}.floating-feedback-modal{max-height:95vh}.floating-feedback-modal-header{padding:16px 20px}.floating-feedback-modal-content .feedback-form-container{padding:20px}}*{box-sizing:border-box;margin:0;padding:0}:root{--app-bg:#f8f9fa;--header-bg:#fff;--header-border:#e0e0e0;--title-color:#333;--nav-text:#666;--nav-hover-bg:#f0f8ff;--nav-active-bg:#e7f3ff}[data-theme=dark]{--app-bg:#121212;--header-bg:#1f1f1f;--header-border:#333;--title-color:#fff;--nav-text:#b0b0b0;--nav-hover-bg:#2a2a2a;--nav-active-bg:#3a3a3a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--title-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}.app,body{background:#f8f9fa;background:var(--app-bg)}.app{min-height:100vh;transition:background-color .3s ease}.app-header{background:#fff;background:var(--header-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--header-border);padding:8px 0;transition:background-color .3s ease,border-color .3s ease}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:768px){.header-content{padding:0 15px}}@media (max-width:480px){.header-content{gap:10px;padding:0 10px}.app-header{padding:5px 0}}.header-actions button{border:1px solid;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.header-actions button:first-child,.header-actions button[data-clerk-element],.header-actions div[data-clerk-element] button,.header-actions>div:first-child button,.header-actions>div:first-of-type button{background:linear-gradient(135deg,#e0f2fe,#b3e5fc)!important;background-color:#e0f2fe!important;border-color:#81d4fa!important;color:#0277bd!important}.header-actions button:first-child:hover,.header-actions button[data-clerk-element]:hover,.header-actions div[data-clerk-element] button:hover,.header-actions>div:first-child button:hover,.header-actions>div:first-of-type button:hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;background-color:#b3e5fc!important;border-color:#29b6f6!important;color:#01579b!important}.header-actions button:last-child,.header-actions>div:last-child button,.header-actions>div:last-of-type button{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important;color:#fff!important;margin-left:8px}.header-actions button:last-child:hover,.header-actions>div:last-child button:hover,.header-actions>div:last-of-type button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.header-actions * button:not(.dark-mode-toggle),.header-actions button:not(.dark-mode-toggle),.header-actions div button:not(.dark-mode-toggle){background:linear-gradient(135deg,#e0f2fe,#b3e5fc)!important;border:1px solid #81d4fa!important;border-radius:8px!important;color:#0277bd!important;cursor:pointer!important;font-weight:500!important;transition:all .2s ease!important}.header-actions * button:not(.dark-mode-toggle):hover,.header-actions button:not(.dark-mode-toggle):hover,.header-actions div button:not(.dark-mode-toggle):hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;border-color:#29b6f6!important;color:#01579b!important}.header-actions button:last-child:not(.dark-mode-toggle),.header-actions div:last-child button:not(.dark-mode-toggle),.header-actions div:last-of-type button:not(.dark-mode-toggle),.header-actions>:last-child button:not(.dark-mode-toggle){background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important;color:#fff!important;margin-left:8px!important}.header-actions button:last-child:not(.dark-mode-toggle):hover,.header-actions div:last-child button:not(.dark-mode-toggle):hover,.header-actions div:last-of-type button:not(.dark-mode-toggle):hover,.header-actions>:last-child button:not(.dark-mode-toggle):hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 4px 12px #6366f14d!important;transform:translateY(-1px)!important}.cl-button[data-clerk-element],.cl-signInButton,.landing-page-container .header-actions * button:not(.dark-mode-toggle),.landing-page-container .header-actions button:not(.dark-mode-toggle),.landing-page-container .header-actions div button:not(.dark-mode-toggle),[data-clerk-element] button,button[data-clerk-element=signInButton],button[data-clerk-element=signIn]{background:linear-gradient(135deg,#e0f2fe,#b3e5fc)!important;border:1px solid #81d4fa!important;color:#0277bd!important}.landing-page-container .header-actions * button:not(.dark-mode-toggle):hover,.landing-page-container .header-actions button:not(.dark-mode-toggle):hover,.landing-page-container .header-actions div button:not(.dark-mode-toggle):hover{background:linear-gradient(135deg,#b3e5fc,#81d4fa)!important;border-color:#29b6f6!important;color:#01579b!important}.landing-page-container .header-actions button:last-child:not(.dark-mode-toggle),.landing-page-container .header-actions div:last-child button:not(.dark-mode-toggle),.landing-page-container .header-actions>:last-child button:not(.dark-mode-toggle){background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important;color:#fff!important;margin-left:8px!important}.landing-page-container .header-actions button:last-child:not(.dark-mode-toggle):hover,.landing-page-container .header-actions div:last-child button:not(.dark-mode-toggle):hover,.landing-page-container .header-actions>:last-child button:not(.dark-mode-toggle):hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;box-shadow:0 4px 12px #6366f14d!important;transform:translateY(-1px)!important}.app .app-header .header-content .header-actions .dark-mode-toggle,.app .app-header .header-content .header-actions .dark-mode-toggle:active,.app .app-header .header-content .header-actions .dark-mode-toggle:focus,.app .app-header .header-content .header-actions .dark-mode-toggle:hover{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#0000!important;height:auto!important;margin-left:16px!important;padding:0!important;transform:none!important;width:auto!important}.app-title{color:#333;color:var(--title-color);font-size:24px;font-weight:600;text-decoration:none;transition:color .3s ease}.app-logo{height:220px;margin:-60px 0;max-width:550px;object-fit:cover;object-position:center;transition:transform .2s ease,filter .3s ease;width:auto}.app-logo:hover{transform:scale(1.05)}@media (max-width:768px){.app-logo{height:180px;margin:-45px 0;max-width:450px}}@media (max-width:480px){.app-logo{height:140px;margin:-35px 0;max-width:350px}}@media (max-width:320px){.app-logo{height:110px;margin:-30px 0;max-width:275px}}.header-actions{align-items:center;display:flex;gap:20px}@media (max-width:768px){.header-actions{gap:6px}.header-actions button:not(.dark-mode-toggle){font-size:8px!important;padding:2px 5px!important;white-space:nowrap}.dark-mode-toggle .toggle-text{display:none}.app-logo{margin-top:-20px;max-height:75px}}.nav-links{align-items:center;display:flex;gap:8px}.nav-link{border-radius:6px;color:#666;color:var(--nav-text);font-size:14px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#f0f8ff;background:var(--nav-hover-bg);color:#007bff}.nav-link.active{background:#e7f3ff;background:var(--nav-active-bg);color:#007bff}.app-main{padding:20px}.app-main:has(.landing-page){padding:0}.landing-page-container{padding:0}.sign-in-prompt{margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.sign-in-prompt h2{color:#333;font-size:28px;margin-bottom:15px}.sign-in-prompt p{color:#666;font-size:16px}
/*# sourceMappingURL=main.e8d5f9ef.css.map*/