:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#0a0a0a}body{margin:0;padding:0;min-width:320px;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #333}.logo{font-size:24px;font-weight:800;color:#fff;letter-spacing:-1px}.nav-links a{color:#a0a0a0;text-decoration:none;margin-left:30px;font-size:14px;transition:color .2s}.nav-links a:hover{color:#fff}.hero{text-align:center;padding:80px 0}.hero h1{font-size:48px;line-height:1.1;color:#fff;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.search-bar{background:#1a1a1a;border:1px solid #333;padding:15px 25px;border-radius:30px;width:100%;max-width:500px;color:#fff;font-size:16px;outline:none}.section-title{font-size:24px;margin-bottom:30px;border-left:4px solid #D4A373;padding-left:15px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding-bottom:80px}.news-card{background:#111;border:1px solid #222;border-radius:12px;overflow:hidden;transition:transform .2s}.news-card:hover{transform:translateY(-5px)}.news-image{width:100%;height:200px;background-color:#222;object-fit:cover}.news-content{padding:20px}.category-tag{background:#333;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px;display:inline-block;margin-bottom:12px}.news-headline{font-size:18px;margin:0 0 10px;line-height:1.4}.news-date{font-size:12px;color:#777}