@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#999999;--accent:#007bff;--accent-hover:#0056b3;--border:#e1e5e9;--shadow:rgba(0,0,0,0.1);--shadow-hover:rgba(0,0,0,0.15);--gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--bg-primary-dark:#121212;--bg-secondary-dark:#1e1e1e;--bg-tertiary-dark:#2a2a2a;--text-primary-dark:#ffffff;--text-secondary-dark:#b3b3b3;--text-muted-dark:#808080;--accent-dark:#4dabf7;--accent-hover-dark:#339af0;--border-dark:#404040;--shadow-dark:rgba(0,0,0,0.3);--shadow-hover-dark:rgba(0,0,0,0.4);--header-height:60px;--border-radius:12px;--border-radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--card-title-font:'Inter',sans-serif;--grid-columns-mobile:1;--grid-columns-tablet:2;--grid-columns-desktop:4}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--accent:var(--accent-dark);--accent-hover:var(--accent-hover-dark);--border:var(--border-dark);--shadow:var(--shadow-dark);--shadow-hover:var(--shadow-hover-dark)}}body:not(.dark){--bg-primary:#ffffff !important;--bg-secondary:#f8f9fa !important;--bg-tertiary:#e9ecef !important;--text-primary:#1a1a1a !important;--text-secondary:#666666 !important;--text-muted:#999999 !important;--accent:#007bff !important;--accent-hover:#0056b3 !important;--border:#e1e5e9 !important;--shadow:rgba(0,0,0,0.1) !important;--shadow-hover:rgba(0,0,0,0.15) !important;background-color:#ffffff !important;color:#1a1a1a !important;padding-top:var(--header-height)}body:not(.dark) .header,body:not(.dark) .feed,body:not(.dark) .news-card,body:not(.dark) .about-section{background-color:#ffffff !important;color:#1a1a1a !important;border-color:#e1e5e9 !important}body:not(.dark) .news-card{background:#f8f9fa !important;border:1px solid #e1e5e9 !important}body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) p,body:not(.dark) span{color:#1a1a1a !important}body:not(.dark) .article-content,body:not(.dark) .article-header{background-color:#ffffff !important;color:#1a1a1a !important}body.dark{--bg-primary:#121212 !important;--bg-secondary:#1e1e1e !important;--bg-tertiary:#2a2a2a !important;--text-primary:#ffffff !important;--text-secondary:#b3b3b3 !important;--text-muted:#808080 !important;--accent:#4dabf7 !important;--accent-hover:#339af0 !important;--border:#404040 !important;--shadow:rgba(0,0,0,0.3) !important;--shadow-hover:rgba(0,0,0,0.4) !important;background-color:#121212 !important;color:#ffffff !important;padding-top:var(--header-height)}body.dark .header,body.dark .feed,body.dark .news-card,body.dark .about-section{background-color:#121212 !important;color:#ffffff !important;border-color:#404040 !important}body.dark .news-card{background:#1e1e1e !important;border:1px solid #404040 !important}body.dark h1,body.dark h2,body.dark h3,body.dark p,body.dark span{color:#ffffff !important}body.dark .article-content,body.dark .article-header{background-color:#121212 !important;color:#ffffff !important}.article-hero{position:fixed;top:0;left:0;right:0;height:420px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:0;overflow:hidden;z-index:100}.article-hero::before{}.article-hero::after{}.floating-share-buttons{position:absolute;top:15px;left:15px;z-index:10;display:flex;flex-direction:column;gap:6px}.home-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;flex-shrink:0}.home-button:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}.home-button a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;font-size:1.4rem;transition:transform 0.3s ease;color:var(--text-primary)}.home-button a:hover{transform:scale(1.1)}body.dark .home-button{background:rgba(0,0,0,0.8);color:#ffffff}body.dark .home-button:hover{background:rgba(0,0,0,1)}.article-content{position:relative;padding:2rem;max-width:800px;margin:0 auto;background:var(--bg-primary);z-index:1;min-height:100vh}.article-content::before{content:'';display:block;height:420px;margin:-2rem -2rem 2rem -2rem;background:transparent}.article-content article{background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-lg)}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);z-index:1000}.header-content{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-lg);position:relative}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:1.2rem}.logo i{color:var(--accent)}.nav{display:flex;gap:var(--spacing-sm)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius);background:none;border:none;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:0.85rem}.nav-btn:hover,.nav-btn.active{background:var(--bg-secondary);color:var(--text-primary)}.nav-btn i{font-size:1.2rem}.header-actions{position:absolute;right:var(--spacing-lg);display:flex;gap:var(--spacing-xs);align-items:center}.about-toggle,.theme-toggle,.search-btn,.contact-btn,.support-btn{width:40px;height:40px;border-radius:50%;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.about-toggle:hover,.theme-toggle:hover,.search-btn:hover,.contact-btn:hover,.support-btn:hover{background:var(--bg-secondary);color:var(--accent)}.contact-btn{position:relative}.email-display{position:absolute;left:50%;top:100%;margin-top:8px;transform:translateX(-50%) translateY(-10px);background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);padding:12px 20px;border-radius:var(--border-radius-xl);box-shadow:0 8px 24px rgba(0,0,0,0.2);opacity:0;pointer-events:none;transition:all 0.4s cubic-bezier(0.4,0.2,0.2,1);border:1px solid rgba(0,0,0,0.1);z-index:1000;max-width:calc(100vw - 140px);display:flex;align-items:center;gap:10px}.email-display.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.email-display a{color:var(--accent);text-decoration:none;font-weight:600;font-size:0.95rem;transition:color 0.3s ease;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-display a:hover{color:var(--accent-hover);text-decoration:underline}.email-display .copy-btn{background:var(--accent);border:none;color:white;padding:6px 12px;border-radius:var(--border-radius);cursor:pointer;font-size:0.8rem;font-weight:600;white-space:nowrap;transition:all 0.3s ease;flex-shrink:0}.email-display .copy-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.email-display .copy-btn:active{transform:scale(0.95)}.email-display .copy-btn.copied{background:#10b981}body.dark .email-display{background:rgba(30,41,59,0.98);border-color:rgba(255,255,255,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.4)}body.dark .email-display a{color:#60a5fa}body.dark .email-display a:hover{color:#3b82f6}.banner{position:relative;width:100%;height:400px;overflow:hidden;margin-bottom:var(--spacing-xl)}.banner-image-full{width:100%;height:100%;position:relative}.banner-image-full img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.banner{height:250px}}.about-section{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--bg-primary);border-bottom:1px solid var(--border);transform:translateY(100%);visibility:hidden;transition:transform var(--transition-normal);z-index:1001;box-shadow:0 4px 20px var(--shadow);overflow-y:auto;max-height:calc(100vh - var(--header-height))}.about-section.active{transform:translateY(0);visibility:visible}.about-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast);z-index:1002}.about-close:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent)}.about-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.about-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--accent)}.about-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin-right:var(--spacing-lg)}.about-content{}.about-content h1{text-align:center;margin-bottom:var(--spacing-xl);font-size:2.5rem;font-weight:700;color:var(--text-primary)}.brand-name{font-family:'Montserrat','Arial Black',sans-serif;font-weight:900;font-style:normal;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--accent),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.dark .brand-name{background:linear-gradient(135deg,var(--accent),#4dabf7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.about-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);text-align:center;transition:var(--transition-normal);border:1px solid var(--border)}.about-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin:0 auto var(--spacing-md)}.about-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.about-card p{color:var(--text-secondary);font-size:0.9rem}.about-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border)}.mission-statement h3,.contact-info h3{margin-bottom:var(--spacing-md);color:var(--text-primary)}.mission-statement p{color:var(--text-secondary);font-size:0.95rem;line-height:1.7}.social-links{display:flex;gap:var(--spacing-md);justify-content:center}.social-link{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.social-link:hover{background:var(--accent);color:white}.about-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast)}.about-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.feed{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(var(--grid-columns-mobile),1fr);gap:var(--spacing-lg);align-items:start}@media (min-width:768px){.feed{display:block;column-count:var(--grid-columns-tablet);column-gap:var(--spacing-lg);column-fill:balance}}@media (min-width:1024px){.feed{column-count:var(--grid-columns-desktop)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;backdrop-filter:blur(5px)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--shadow-hover)}.news-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border);overflow:hidden;transition:var(--transition-normal);cursor:pointer;margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;break-inside:avoid;page-break-inside:avoid;text-decoration:none;color:inherit}.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.news-header{position:relative;height:240px;flex-shrink:0;overflow:hidden}.news-image-container{position:relative;width:100%;height:100%}.news-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:var(--transition-normal)}.news-card:hover .news-image{transform:scale(1.05)}.news-title{font-size:1.25rem;font-weight:700;font-family:var(--card-title-font);margin:0 0 var(--spacing-md) 0;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-content{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.news-category{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:rgba(0,0,0,0.7);color:white !important;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}body:not(.dark) .news-category,body.dark .news-category{color:white !important}.news-meta{padding:var(--spacing-lg);flex-grow:1;display:flex;align-items:center;justify-content:space-between;position:relative}.news-meta .news-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:0.75rem;color:var(--text-secondary);white-space:nowrap}.news-meta .news-stats{display:flex;gap:var(--spacing-md)}.news-meta .stat-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:0.75rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.news-meta .stat-item:hover{color:var(--text-primary)}.news-meta .like-btn.liked{color:var(--accent)}.news-meta .like-btn.liked i{color:var(--accent)}.news-meta .share-btn.shared{color:var(--success,#28a745)}.news-meta .share-btn.shared i{color:var(--success,#28a745)}.news-description{color:var(--text-secondary);font-size:0.9rem;line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.news-card{animation:slideUp 0.8s ease-out forwards}.news-card:nth-child(1){animation-delay:0.1s}.news-card:nth-child(2){animation-delay:0.2s}.news-card:nth-child(3){animation-delay:0.3s}.news-card:nth-child(4){animation-delay:0.4s}.news-card:nth-child(5){animation-delay:0.5s}.news-card:nth-child(6){animation-delay:0.6s}.news-card:nth-child(7){animation-delay:0.7s}.news-card:nth-child(8){animation-delay:0.8s}.news-card:nth-child(9){animation-delay:0.9s}.news-card:nth-child(10){animation-delay:1.0s}.news-card:nth-child(n+11){animation-delay:1.1s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:2000;animation:fadeIn 0.3s ease-out}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--shadow-hover)}.modal-header{display:flex;justify-content:flex-end;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.article-modal-body{padding:var(--spacing-xl);max-height:80vh;overflow-y:auto}.search-modal-content{max-width:600px;width:100%}.search-modal-content .modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);text-align:center}.search-modal-content .modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.search-body{padding:var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-lg);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:1.1rem;outline:none;transition:var(--transition-fast);box-sizing:border-box}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.search-results{margin-top:var(--spacing-lg);max-height:400px;overflow-y:auto}.search-results:empty{display:none}.search-result-item{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast);background:var(--bg-primary)}.search-result-item:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.search-result-content h4{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.search-result-category{margin:0 0 var(--spacing-xs) 0;font-size:0.85rem;color:var(--accent);text-transform:uppercase;font-weight:500;letter-spacing:0.5px}.search-result-excerpt{margin:0;font-size:0.9rem;color:var(--text-secondary);line-height:1.5}.search-result-excerpt mark{background-color:var(--accent);color:white;padding:2px 4px;border-radius:2px;font-weight:500}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}@media (max-width:768px){.header-content{padding:0 var(--spacing-md)}.logo{font-size:1rem}.nav{display:none}.feed{padding:var(--spacing-md);grid-template-columns:1fr}.news-title{font-size:1.1rem}.about-container{padding:var(--spacing-lg)}.about-grid{grid-template-columns:1fr}.modal-content{max-width:95vw;max-height:95vh}}@media print{.header,.about-section,.modal{display:none !important}.feed{display:block !important;column-count:1 !important}.news-card{break-inside:avoid;page-break-inside:avoid;margin-bottom:2rem}}.mobile-sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--bg-primary);box-shadow:2px 0 10px var(--shadow);transition:left 0.3s ease;z-index:1001;overflow-y:auto}.mobile-sidebar.active{left:0}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.mobile-sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.2rem;font-weight:600;color:var(--text-primary)}.mobile-sidebar-logo i{color:var(--accent)}.mobile-sidebar-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast)}.mobile-sidebar-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-sidebar-nav{padding:var(--spacing-lg)}.mobile-nav-btn{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:none;border:none;border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:var(--transition-fast);text-align:left}.mobile-nav-btn:hover,.mobile-nav-btn.active{background:var(--bg-secondary);color:var(--accent)}.mobile-nav-btn i{width:20px;text-align:center}.mobile-nav-btn span{flex:1}.hamburger-menu{display:none;background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition-fast)}.hamburger-menu:hover{background:var(--bg-secondary)}@media (max-width:768px){.hamburger-menu{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1001}.mobile-sidebar{left:-280px;width:280px}}.dark .mobile-sidebar{background:var(--bg-primary-dark);border-left:1px solid var(--border-dark)}.dark .mobile-sidebar-header{border-bottom-color:var(--border-dark)}.dark .mobile-nav-btn:hover,.dark .mobile-nav-btn.active{background:var(--bg-secondary-dark)}.category-all{background-color:hsl(318,70%,50%) !important}.category-ai{background-color:hsl(195,70%,50%) !important}.category-tech{background-color:hsl(103,70%,50%) !important}.category-science{background-color:hsl(250,70%,50%) !important}.category-gadgets{background-color:hsl(100,70%,50%) !important}.category-reviews{background-color:hsl(306,70%,50%) !important}