:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-card: #2d2929;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #666666;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--border-color: #333333;--border-hover: #444444;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--radius: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(145deg, #1e1e1e 0%, #2a2a2a 100%)}@font-face{font-family:Chomsky;src:url(/fonts/Chomsky.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem .1rem;position:sticky;top:0;z-index:100;background:#1a1a1ad9;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(7.1px);-webkit-backdrop-filter:blur(8.1px)}.header-container{max-width:1300px;margin:0 auto;padding:.1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon{color:var(--accent-blue);display:flex;align-items:center;padding:.5rem;background:#3b82f61a;border-radius:var(--radius)}.logo-text{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.search-section{flex:1;max-width:500px}.search-container{position:relative;display:flex;align-items:center;transition:var(--transition)}.search-container.focused{transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02)}.search-icon{position:absolute;left:1.25rem;color:var(--text-muted);z-index:1;transition:var(--transition)}.search-container.focused .search-icon{color:var(--accent-blue)}.search-input{flex:1;padding:1rem 1.25rem 1rem 3.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none;color:var(--text-primary);font-size:1rem;transition:var(--transition);height:40px}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-card)}.search-input::placeholder{color:var(--text-muted)}.search-button{padding:.5rem 1.2rem;background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;height:40px}.search-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.search-button:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;opacity:.6}.category-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:.5rem 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-nav::-webkit-scrollbar{display:none}.category-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:1rem;min-width:max-content}.category-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition);white-space:nowrap;position:relative}.category-btn:hover{color:var(--text-primary);background:var(--bg-secondary);transform:translateY(-2px)}.category-btn.active{color:var(--text-primary);background:var(--bg-secondary);font-weight:600;box-shadow:var(--shadow)}.category-btn.active:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-blue);border-radius:50%}.category-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.7rem;min-width:150px;max-height:300px;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-border-radius:.7rem;-moz-border-radius:.7rem;-ms-border-radius:.7rem;-o-border-radius:.7rem}.category-dropdown-item{width:100%;padding:.6rem 1.2rem;background:transparent;border:none;color:var(--text-secondary);font-size:.98rem;text-align:left;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-color)}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-dropdown-item.active{background:var(--accent-blue);color:#fff}.filter-controls{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:.8rem 0}.filter-container{max-width:1400px;margin:0 auto;padding:0rem 2rem;height:35px}.filter-left{display:flex;gap:1rem;align-items:center}.dropdown-container{position:relative}.dropdown-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition)}.dropdown-btn:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow)}.filter-btn{position:relative;padding:.4rem .4rem .4rem 1rem}.filter-count{background:var(--accent-blue);color:#fff;font-size:.6rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;margin-left:.5rem;min-width:20px;text-align:center}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:100%;left:0;margin-top:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;min-width:280px;box-shadow:var(--shadow-xl);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-section{margin-bottom:.5rem}.filter-section:last-child{margin-bottom:0}.filter-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.filter-select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.95rem;transition:var(--transition)}.filter-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.filter-select option{background:var(--bg-tertiary);color:var(--text-primary)}.clear-filters-btn{width:100%;padding:.75rem 1rem;background:var(--error);border:none;border-radius:var(--radius);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1rem}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow)}.main-content{flex:1;max-width:1400px;margin:0 auto;padding:3rem 2rem;width:100%}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.news-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);cursor:pointer;position:relative}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.news-card-image-container{position:relative;width:100%;height:240px;overflow:hidden}.news-card-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.news-card:hover .news-card-image{transform:scale(1.1)}.news-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:var(--transition)}.news-card:hover .news-card-overlay{opacity:1}.news-card-content{padding:1.75rem}.news-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.025em}.news-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.news-card-source{font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.news-card-separator{color:var(--text-muted);font-weight:700}.news-card-separator .footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.news-card-separator .footer-container{max-width:1400px;margin:0 auto;padding:3rem 2rem 1rem}.news-card-separator .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.news-card-separator .footer-section{display:flex;flex-direction:column}.news-card-separator .footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.news-card-separator .footer-logo-icon{color:var(--accent-blue);display:flex;align-items:center;padding:.5rem;background:#3b82f61a;border-radius:var(--radius)}.news-card-separator .footer-logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.news-card-separator .footer-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.news-card-separator .footer-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.news-card-separator .footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.news-card-separator .footer-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition);padding:.25rem 0}.news-card-separator .footer-link:hover{color:var(--accent-blue);transform:translate(4px)}.news-card-separator .footer-bottom{border-top:1px solid var(--border-color);padding-top:1.5rem}.news-card-separator .footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.news-card-separator .footer-copyright{color:var(--text-muted);font-size:.9rem}.news-card-separator .footer-social{display:flex;align-items:center;gap:1rem}.news-card-separator .footer-powered{color:var(--text-muted);font-size:.85rem;font-weight:500}.news-card-date{color:var(--text-muted);font-size:.85rem}.news-card-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.news-card-sentiment{margin-bottom:1.5rem}.sentiment-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;text-transform:capitalize}.sentiment-icon{font-size:1rem}.news-card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-blue);text-decoration:none;font-size:.95rem;font-weight:600;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.news-card-link:hover{color:var(--accent-blue-hover);transform:translate(4px)}.news-card-link svg{transition:var(--transition)}.news-card-link:hover svg{transform:translate(2px,-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.error-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.error-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:400px}.retry-btn{padding:.75rem 1.5rem;background:var(--accent-blue);border:none;border-radius:var(--radius);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.retry-btn:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.empty-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.empty-text{color:var(--text-secondary);font-size:1.1rem;max-width:500px}@media (max-width: 1024px){.header-container{padding:0 1.5rem;gap:rem}.header{padding:.5rem}.category-container,.filter-container,.main-content{padding:0 1.5rem}.footer-container{padding:2rem 1.5rem 1rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.news-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}}@media (max-width: 768px){.header-container{flex-direction:column;gap:.5rem;padding:0 1rem}.logo-icon{padding:.3rem .5rem}.logo-text{font-size:1.5rem}.search-section{max-width:none;width:100%}.search-button{padding:.6rem 1.25rem;font-size:.9rem}.category-nav{padding:.8rem 0;height:60px}.category-container{padding:0 1rem;gap:.5rem}.category-btn{padding:.6rem 1.2rem;font-size:.9rem}.filter-container{padding:0 1rem}.filter-left{flex-wrap:wrap;gap:.9rem}.dropdown-btn{font-size:.9rem;padding:.5rem 1.5rem}.filter-dropdown{min-width:200px;left:69%;transform:translate(-50%);padding:.9rem}.category-dropdown{min-width:160px;left:50%;transform:translate(-50%)}.main-content{padding:1rem}.news-grid{grid-template-columns:1fr;gap:1.5rem}.news-card-content{padding:1.5rem}.news-card-title{font-size:1.1rem}.filter-count{font-size:9px;font-weight:bolder}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-container{padding:2rem 1rem 1rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 480px){.header-container{padding:0 .8rem;gap:8px}.logo-text{font-size:1.4rem;text-align:center}.search-input{font-size:.8rem;padding:.875rem 1rem .875rem 3rem}.search-button{padding:.7rem 1rem;font-size:.8rem}.search-icon{left:1rem;width:18px;height:18px}.category-container,.filter-container{padding:0 .6rem}.category-btn{padding:.5rem 1rem;font-size:.85rem}.dropdown-btn{font-size:.85rem;padding:.5rem .875rem}.filter-dropdown{min-width:200px;padding:1.3rem}.filter-label{font-size:13px;padding-bottom:.01rem}.filter-select{font-size:15px;padding:.3rem}.category-dropdown{min-width:120px}.category-dropdown-item{font-size:12px}.main-content{padding:1.5rem .75rem}.news-card-image-container{height:200px}.news-card-content{padding:1.25rem}.news-card-title{font-size:1rem}.news-card-meta{font-size:.85rem}.news-card-description{font-size:.9rem}.news-card-link{font-size:.85rem}.sentiment-tag{font-size:.8rem;padding:.4rem .6rem}.footer-description,.footer-title{font-size:.9rem}.footer-link{font-size:.85rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-reduced-motion: no-preference){.news-card,.category-btn,.dropdown-btn,.search-container{transition:var(--transition)}}@media (prefers-contrast: high){:root{--border-color: #666666;--text-secondary: #cccccc}}.footer{background-color:#121212;color:#e0e0e0;padding:2rem 2rem 1rem;font-family:Inter,sans-serif;width:100%}.footer-container{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.footer-left{flex:1;min-width:280px}.footer-logo{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700}.footer-logo svg{color:#0d6efd}.footer-description{font-size:.95rem;color:#b0b0b0;margin-top:.5rem;max-width:500px}.footer-contact{font-size:.85rem;color:#b0b0b0;margin-top:.8rem}.footer-contact a{text-decoration:none;color:inherit}.footer-contact a:hover{color:#0d6efd}.footer-right{flex:.4;min-width:180px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column-reverse;gap:.5rem}.footer-links a{color:#b0b0b0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#0d6efd}.footer-bottom{border-top:1px solid #2a2a2a;padding-top:.8rem;font-size:.8rem;color:#888;text-align:center;margin-top:1rem}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:flex-start}.footer-right{margin-top:1rem}}