.news-card{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.news-card:active{transform:translateY(-4px)}.news-card-header{position:relative;width:100%;height:200px;overflow:hidden}.news-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.news-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.news-card:hover .news-image{transform:scale(1.08)}.news-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(47,53,66,.2));opacity:0;transition:opacity .3s ease}.news-card:hover .news-overlay{opacity:1}.category-badge{position:absolute;top:12px;right:12px;background:var(--primary-color);color:white;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(255,71,87,.3);z-index:10}.news-card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:12px}.news-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.4;color:var(--text-primary);-webkit-line-clamp:3;word-break:break-word}.news-excerpt,.news-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5;-webkit-line-clamp:2;flex-grow:1}.news-card.expanded .news-excerpt{-webkit-line-clamp:unset}.news-card-footer{justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color);gap:12px}.news-card-footer,.news-meta{display:flex;align-items:center}.news-meta{gap:8px;flex:1 1;min-width:0}.news-source{font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}.news-source,.news-time{font-size:11px;white-space:nowrap}.news-time{color:var(--text-secondary)}.card-actions{gap:8px;flex-shrink:0}.card-actions,.share-btn{display:flex;align-items:center}.share-btn{width:36px;height:36px;border-radius:50%;background:white;color:var(--primary-color);border:2px solid var(--primary-color);cursor:pointer;justify-content:center;font-size:16px;transition:all .3s ease}.share-btn:hover{background:var(--primary-color);color:white;transform:scale(1.1)}.read-more-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#ff6b7a);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;flex-shrink:0;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,71,87,.2)}.read-more-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(255,71,87,.3)}@media (max-width:768px){.news-card-header{height:180px}.news-card-content{padding:16px;gap:10px}.news-title{font-size:15px}.news-excerpt{font-size:12px}}@media (max-width:480px){.news-card-header{height:160px}.news-card-content{padding:14px}.news-title{font-size:14px;-webkit-line-clamp:2}.news-excerpt{font-size:12px;-webkit-line-clamp:1}.read-more-btn{width:32px;height:32px;font-size:16px}}.header{background:linear-gradient(135deg,var(--secondary-color) 0,#1a1f2e 100%);padding:32px 24px;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--primary-color)}.header-content{max-width:1200px;margin:0 auto;justify-content:space-between;gap:20px}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:16px}.logo{font-size:40px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo-text{display:flex;flex-direction:column;gap:4px}.logo-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:300;color:white;margin:0;letter-spacing:-.5px}.logo-title strong{font-weight:700}.logo-subtitle{font-size:12px;color:#b0b8c1;margin:0;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(255,71,87,.3)}@media (max-width:768px){.header{padding:16px}.header-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.logo-section{gap:10px}.logo-title{font-size:20px}.logo-subtitle{font-size:10px}.logo{font-size:28px}.header-badge{font-size:11px;padding:6px 12px;flex-shrink:0}}@media (max-width:480px){.header{padding:12px 16px}.logo-title{font-size:18px}.logo-subtitle{display:none}.logo{font-size:24px}.header-badge{font-size:10px;padding:5px 10px}}.category-filter{background:white;padding:16px 0;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:80px;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.04)}.categories-scroll{display:flex;gap:10px;padding:0 20px;overflow-x:auto;overflow-y:hidden;max-width:1200px;margin:0 auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:center}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.category-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:2px solid var(--border-color);background:white;border-radius:25px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;width:auto;min-width:max-content}.category-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,71,87,.15)}.category-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),#ff6b7a);color:white;box-shadow:0 4px 16px rgba(255,71,87,.3)}.category-btn.active:before{transform:scaleX(1)}.category-icon{font-size:16px}.category-label{font-family:Poppins,sans-serif;letter-spacing:-.3px;display:inline-block}@media (max-width:768px){.category-filter{top:70px}.categories-scroll{padding:0 12px;gap:6px}.category-btn{padding:8px 12px;font-size:12px;gap:6px}.category-icon{font-size:14px}}@media (max-width:480px){.categories-scroll{padding:0 8px;gap:6px}.category-btn{padding:8px 10px;font-size:11px;flex-direction:column;gap:3px;border-radius:12px;min-width:52px}.category-icon{font-size:18px}.category-label{display:block;font-size:9px;letter-spacing:0}}.home-container{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column}.news-feed{flex:1 1;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.news-grid>*{animation:slideUp .6s ease-out backwards}.news-grid>:first-child{animation-delay:.1s}.news-grid>:nth-child(2){animation-delay:.2s}.news-grid>:nth-child(3){animation-delay:.3s}.news-grid>:nth-child(4){animation-delay:.4s}.news-grid>:nth-child(5){animation-delay:.5s}.news-grid>:nth-child(6){animation-delay:.6s}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;gap:20px}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading p{font-size:16px;color:var(--text-secondary);font-weight:500}.no-news{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center}.no-news p{font-size:18px;color:var(--text-secondary);font-weight:500}@media (max-width:768px){.news-feed{padding:20px 16px}.news-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.news-feed{padding:12px}.news-grid{gap:12px}}