.header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 5px #0000001a}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;flex-wrap:wrap}.logo a{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav ul li{margin:0 1rem}.nav ul li a{color:#fff;text-decoration:none;transition:color .3s}.nav ul li a:hover{color:#3498db}.search-bar{display:flex;align-items:center}.search-bar input{padding:.5rem;border:none;border-radius:4px 0 0 4px;width:250px}.search-bar button{padding:.5rem 1rem;background-color:#3498db;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s}.search-bar button:hover{background-color:#2980b9}@media(max-width:768px){.header-container{flex-direction:column;gap:1rem}.nav ul{flex-wrap:wrap;justify-content:center}.search-bar input{width:100%;max-width:300px}}.article-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.article-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.article-image img{width:100%;height:200px;object-fit:cover}.article-content{padding:1.5rem}.article-meta{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;color:#7f8c8d}.article-title{margin:.5rem 0}.article-title a{color:#2c3e50;text-decoration:none;font-size:1.2rem;line-height:1.4}.article-title a:hover{color:#3498db}.article-description{color:#34495e;line-height:1.5;margin-bottom:1rem}.article-excerpt{color:#555;line-height:1.5;margin-bottom:1rem}.read-more{display:inline-block;color:#3498db;text-decoration:none;font-weight:700;transition:color .3s}.read-more:hover{color:#2980b9}.featured{grid-column:span 2}.featured .article-title a{font-size:1.5rem}.featured .article-description{font-size:1.1rem}@media(max-width:768px){.featured{grid-column:span 1}.article-content{padding:1rem}.article-title a{font-size:1.1rem}}.home-page{max-width:1200px;margin:0 auto;padding:2rem}.home-page h2{margin-bottom:1.5rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}@media(max-width:768px){.home-page{padding:1rem}.articles-grid{grid-template-columns:1fr;gap:1rem}}.category-page{max-width:1200px;margin:0 auto;padding:2rem}.category-header{margin-bottom:2rem;text-align:center}.category-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.category-header p{color:#7f8c8d;font-size:1.1rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.loading,.error,.no-articles{text-align:center;padding:2rem;font-size:1.2rem}.no-articles{grid-column:1 / -1;color:#7f8c8d}@media(max-width:768px){.category-page{padding:1rem}.category-header h1{font-size:2rem}.articles-grid{grid-template-columns:1fr;gap:1rem}}.article-page{max-width:800px;margin:0 auto;padding:2rem}.article-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.article-image img{width:100%;height:400px;object-fit:cover}.article-header{padding:2rem}.article-header h1{color:#2c3e50;margin-bottom:1rem}.article-meta{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.9rem;color:#7f8c8d}.source{font-weight:700;color:#3498db}.date{color:#95a5a6}.article-body{padding:0 2rem 2rem}.article-description{font-size:1.2rem;color:#34495e;line-height:1.6;margin-bottom:2rem}.article-text p{line-height:1.8;color:#34495e;margin-bottom:1.5rem}.article-footer{padding:0 2rem 2rem;text-align:center}.back-link{display:inline-block;color:#3498db;text-decoration:none;font-weight:700;padding:.5rem 1rem;border:1px solid #3498db;border-radius:4px;transition:all .3s}.back-link:hover{background-color:#3498db;color:#fff}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem}.error{color:#e74c3c}@media(max-width:768px){.article-page,.article-header{padding:1rem}.article-body,.article-footer{padding:0 1rem 1rem}.article-image img{height:250px}.article-header h1{font-size:1.5rem}.article-description{font-size:1rem}}.footer{background-color:#34495e;color:#fff;padding:2rem 0 1rem;margin-top:2rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem}.footer-section h3{margin-bottom:1rem;font-size:1.5rem}.footer-section h4{margin-bottom:1rem;font-size:1.2rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#3498db}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding:1rem 2rem;border-top:1px solid #7f8c8d;text-align:center;color:#bdc3c7}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:1rem}}a{text-decoration:none}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .3s;font-weight:700}.btn:hover{background-color:#2980b9}.btn-outline{background-color:transparent;border:2px solid #3498db;color:#3498db}.btn-outline:hover{background-color:#3498db;color:#fff}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.py-1{padding-top:.5rem;padding-bottom:.5rem}.py-2{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:1.5rem;padding-bottom:1.5rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.card-img{width:100%;height:200px;object-fit:cover}.card-body{padding:1.5rem}.card-title{margin:.5rem 0;color:#2c3e50}.card-text{color:#7f8c8d;line-height:1.6}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700;color:#2c3e50}.form-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--accent-color: #e74c3c;--light-color: #ecf0f1;--dark-color: #34495e;--success-color: #27ae60;--warning-color: #f39c12;--border-radius: 4px;--box-shadow: 0 2px 10px rgba(0,0,0,.1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}a{text-decoration:none;color:var(--primary-color)}a:hover{color:#2980b9}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.main-content{min-height:calc(100vh - 180px);padding:1rem 0}@media(max-width:768px){.container{padding:0 .5rem}.hidden-mobile{display:none}}@media(min-width:769px){.hidden-desktop{display:none}}