:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#252525;--color-bg-card:#2d2d2d;--color-bg-card-hover:#383838;--color-text-primary:#ffffff;--color-text-secondary:#b8b8b8;--color-text-muted:#808080;--color-accent:#60a5fa;--color-accent-hover:#93c5fd;--color-accent-secondary:#3b82f6;--color-error:#ef4444;--color-success:#60a5fa;--color-border:#404040;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--border-radius:12px;--border-radius-sm:8px;--transition:0.2s ease}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{padding:80px 0 10px;text-align:center}.hero h1{font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;line-height:1.1;margin-bottom:24px}.highlight{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.25rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto 48px}.subscribe-form{max-width:500px;margin:0 auto}.form-group{display:flex;gap:12px;background:var(--color-bg-card);padding:8px;border-radius:var(--border-radius);border:1px solid var(--color-border);transition:border-color var(--transition),box-shadow var(--transition)}.form-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.form-group input{flex:1;background:0 0;border:none;padding:12px 16px;font-size:16px;color:var(--color-text-primary);outline:0}.form-group input::placeholder{color:var(--color-text-muted)}.form-group button{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-secondary) 100%);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);display:flex;align-items:center;justify-content:center;min-width:140px}.form-group button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(96,165,250,.4)}.form-group button:active{transform:translateY(0)}.form-group button:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loading{display:flex;align-items:center;justify-content:center}.btn-loading[hidden]{display:none}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.form-message{margin-top:16px;padding:12px 16px;border-radius:var(--border-radius-sm);font-size:14px}.form-message.success{background:rgba(96,165,250,.1);color:var(--color-success);border:1px solid rgba(96,165,250,.3)}.form-message.error{background:rgba(255,77,77,.1);color:var(--color-error);border:1px solid rgba(255,77,77,.3)}.privacy-note{margin-top:20px;font-size:14px;color:var(--color-text-muted)}.current-games{padding:30px 0}.current-games h2{font-size:1.75rem;margin-bottom:32px;text-align:center}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.game-card{background:var(--color-bg-card);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 0 20px rgba(96,165,250,.3);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 30px rgba(96,165,250,.6);border-color:var(--color-accent)}.game-card-image{width:100%;height:180px;object-fit:cover;background:var(--color-bg-secondary)}.game-card-content{padding:20px}.game-card h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text-primary)}.game-end-date{font-size:.875rem;color:var(--color-accent);font-weight:600;margin-bottom:12px}.game-card p{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-card-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);text-decoration:none;font-weight:500;font-size:14px;transition:gap var(--transition)}.game-card-link:hover{gap:12px}.loading-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.no-games{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--color-text-muted)}.last-checked{text-align:center;margin-top:24px;font-size:14px;color:var(--color-text-muted)}.features{padding:60px 0 80px}.features h2{font-size:1.75rem;margin-bottom:40px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:32px;text-align:center;border:1px solid var(--color-border)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary);font-size:15px}footer{padding:40px 0;text-align:center;border-top:1px solid var(--color-border)}footer p{color:var(--color-text-muted);font-size:14px}.copyright{margin-top:12px}@media (max-width:640px){.form-group{flex-direction:column}.form-group button{width:100%}.hero{padding:60px 0 80px}.games-grid{grid-template-columns:1fr}}