@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--border-color: #334155;--border-hover: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4)}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-secondary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--spacing-lg)}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;transition:all var(--transition-normal)}.navbar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.brand-icon{font-size:1.8rem}.brand-text{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--bg-hover)}.mobile-menu-btn span{width:20px;height:2px;background-color:var(--text-primary);transition:all var(--transition-fast)}.navbar-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-categories{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-btn:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.nav-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-color:var(--primary-color);color:var(--text-inverse);box-shadow:var(--shadow-md)}.nav-icon{font-size:1rem}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.05)}.news-board{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.news-header{text-align:center;margin-bottom:var(--spacing-2xl)}.header-content{margin-bottom:var(--spacing-xl)}.news-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.highlight{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-subtitle{font-size:1.1rem;color:var(--text-secondary)}.news-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.sort-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-controls label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.sort-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-container{position:relative;transition:all var(--transition-normal)}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:all var(--transition-fast);width:40px;overflow:hidden}.search-container.expanded .search-input-wrapper{width:280px}.search-container.focused .search-input-wrapper{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.search-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-shrink:0}.search-icon-btn:hover{color:var(--primary-color)}.search-icon{width:20px;height:20px}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);opacity:0;transition:opacity var(--transition-normal)}.search-container.expanded .search-input{opacity:1}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-shrink:0}.clear-search-btn:hover{color:var(--error-color)}.clear-search-btn svg{width:16px;height:16px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.articles-count{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.news-item{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;height:100%;display:flex;flex-direction:column}.news-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.news-image-container{position:relative;width:100%;height:200px;overflow:hidden}.news-image{width:100%;height:100%;object-fit:cover;transition:all var(--transition-slow);opacity:0}.news-image.loaded{opacity:1}.news-item:hover .news-image{transform:scale(1.05)}.news-source-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.news-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.news-meta{margin-bottom:var(--spacing-sm)}.news-date{font-size:.75rem;color:var(--text-muted);font-weight:500}.news-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8rem}.news-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--spacing-lg);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-actions{margin-top:auto}.read-more-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.read-more-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.read-more-btn:disabled{opacity:.5;cursor:not-allowed}.arrow-icon{width:16px;height:16px;transition:transform var(--transition-fast)}.read-more-btn:hover .arrow-icon{transform:translate(2px)}.loading-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.loading-content{margin-bottom:var(--spacing-2xl)}.spinner{display:inline-block;position:relative;width:80px;height:80px;margin-bottom:var(--spacing-lg)}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:var(--accent-color)}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:var(--success-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.loading-subtitle{color:var(--text-secondary);font-size:1rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.skeleton-image{height:200px;position:relative;overflow:hidden;background:var(--bg-tertiary)}.skeleton-content{padding:var(--spacing-lg)}.skeleton-line{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.skeleton-title{height:20px;margin-bottom:var(--spacing-lg)}.skeleton-text.short{width:70%}.skeleton-button{height:36px;background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);position:relative;overflow:hidden}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-tertiary)}.error-container{max-width:600px;margin:var(--spacing-2xl) auto;padding:var(--spacing-lg);text-align:center}.error-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.error-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.error-card p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.retry-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--primary-color);color:var(--text-inverse);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.no-results-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer .container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer p{color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.mobile-menu-btn{display:flex}.navbar-nav{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.navbar-nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-categories{flex-direction:column;width:100%}.nav-btn{justify-content:center;width:100%}.news-title{font-size:2rem}.news-controls{flex-direction:column;gap:var(--spacing-md)}.search-container.expanded .search-input-wrapper{width:100%;max-width:280px}.articles-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.navbar-container{padding:var(--spacing-md)}.news-board{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 480px){.news-title{font-size:1.5rem}.articles-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.news-content{padding:var(--spacing-md)}.skeleton-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-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;line-height:1.6;overflow-x:hidden}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font:inherit;background:none;border:none;outline:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#3b82f633;color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideInLeft{animation:slideInFromLeft .5s ease-out forwards}.animate-slideInRight{animation:slideInFromRight .5s ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-gradient{background:linear-gradient(135deg,#3b82f6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:loading 1s linear infinite}@media print{.navbar,.search-container,.theme-toggle,.mobile-menu-btn{display:none!important}.news-item{break-inside:avoid;page-break-inside:avoid}.news-image{max-height:200px}.read-more-btn{display:none}}@media (prefers-contrast: high){:root{--border-color: #000;--text-muted: #333}[data-theme=dark]{--border-color: #fff;--text-muted: #ccc}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton-shimmer,.spinner-ring{animation:none}}@media (min-width: 1400px){.container{max-width:1400px}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width: 640px){.container{padding:0 .75rem}}@media (hover: none) and (pointer: coarse){.news-item:hover,.nav-btn:hover,.theme-toggle:hover,.read-more-btn:hover{transform:none}.nav-btn,.theme-toggle,.read-more-btn{min-height:44px;min-width:44px}}