*{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}#app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.logo-section{display:flex;align-items:center;gap:15px}.site-logo{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.news-header{font-size:2rem;font-weight:700;margin:0}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 20px}.search-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.search-bar{flex:1;max-width:500px;padding:15px 20px;font-size:18px;border:2px solid #e1e5e9;border-radius:25px;outline:none;background-color:#fff;color:#333;transition:all .3s ease}.search-bar:focus{border-color:#2a5298;box-shadow:0 0 0 3px rgba(42,82,152,.1)}.search-button{padding:15px 30px;font-size:18px;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:600}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(30,60,114,.3)}.search-button:disabled{opacity:.7;cursor:not-allowed}.error,.loading{text-align:center;padding:2rem;font-size:1.2rem;margin:2rem 0}.loading{color:#2a5298}.error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;margin:2rem auto;max-width:600px}.news-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.news-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.news-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-image{transform:scale(1.05)}.news-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.news-title{color:#1e3c72;font-weight:600;font-size:1.1rem;line-height:1.4;margin-bottom:10px;text-align:left}.news-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:15px;text-align:left;opacity:.9}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;border-top:1px solid #e1e5e9;padding-top:10px}.news-source{color:#2a5298;font-weight:500}.news-date{color:#666;opacity:.7}.no-results{text-align:center;font-size:1.2rem;margin-top:3rem;color:#666;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:600px;margin-left:auto;margin-right:auto}.footer{background:#2c3e50;color:#fff;padding:1rem 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center}@media (max-width:768px){.news-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.news-header{font-size:1.5rem}.search-container{flex-direction:column;gap:10px}.search-bar{width:100%;max-width:none}.news-content{padding:15px}.news-title{font-size:1rem}.news-description{font-size:.85rem}}@media (max-width:480px){.news-container{grid-template-columns:1fr}.main-content{padding:1rem 15px}.search-container{padding:1.5rem}}