@font-face {font-family:'Montserrat';src:url('../fonts/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-style:normal;}
@font-face {font-family:'Montserrat';src:url('../fonts/Montserrat-Bold.woff2') format('woff2');font-weight:700;font-style:normal;}


:root {--bg:#000000;--text:#ffffff;--accent:#ffffff;--border:#333333;--card-bg:#111111;--text-light:#aaaaaa;}
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Montserrat',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
.container {width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
  header {background-color:rgba(20,20,20,0.95);border-bottom:1px solid #333;padding:15px 0;width:100%;}
.header-container {display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;}
  .logo {display:flex;align-items:center;}
.logo a {display:flex;align-items:center;text-decoration:none;}
.site-logo {height:36px;width:auto;max-width:220px;filter:brightness(1.1);transition:opacity 0.3s;}
.site-logo:hover {opacity:0.9;}
.site-name {position:absolute;left:-9999px;visibility:hidden;}
  .nav-desktop {display:flex;flex:1;justify-content:center;}
.nav-desktop ul {display:flex;list-style:none;gap:25px;}
.nav-desktop a {color:#ddd;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:0.5px;transition:all 0.3s;padding:6px 0;position:relative;text-transform:capitalize;}
.nav-desktop a:hover,.nav-desktop a.active {color:#fff;}
.nav-desktop a::after,.nav-desktop a.active::after {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#4a90e2;transition:width 0.3s;}
.nav-desktop a:hover::after,.nav-desktop a.active::after {width:100%;}
  .search-desktop {display:flex;align-items:center;}
.search-form-desktop {display:flex;align-items:center;position:relative;}
.search-input-desktop {padding:8px 15px 8px 35px;border:1px solid #444;border-radius:20px;font-size:14px;width:180px;transition:all 0.3s;background-color:rgba(255,255,255,0.1);color:#fff;}
.search-input-desktop::placeholder {color:#aaa;}
.search-input-desktop:focus {width:220px;outline:none;border-color:#4a90e2;background-color:rgba(255,255,255,0.15);}
.search-icon-desktop {position:absolute;left:12px;width:16px;height:16px;fill:#aaa;pointer-events:none;}
  .mobile-menu-btn {display:none;background:none;border:none;cursor:pointer;padding:5px;z-index:1001;}
.mobile-menu-icon {width:24px;height:24px;stroke:#ddd;transition:stroke 0.3s;}
.mobile-menu-btn:hover .mobile-menu-icon {stroke:#fff;}
  .mobile-search-btn {display:none;background:none;border:none;cursor:pointer;padding:5px;}
.mobile-search-icon {width:22px;height:22px;stroke:#ddd;transition:stroke 0.3s;}
.mobile-search-btn:hover .mobile-search-icon {stroke:#fff;}
  .mobile-menu {position:fixed;top:0;left:-100%;width:280px;height:100vh;background-color:rgba(15,15,15,0.98);z-index:1000;padding:110px 25px 25px;transition:left 0.4s cubic-bezier(0.23,1,0.32,1);overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,0.3);}
.mobile-menu.active {left:0;}
.mobile-nav ul {list-style:none;}
.mobile-nav li {margin-bottom:12px;border-bottom:1px solid #2a2a2a;}
.mobile-nav li:last-child {border-bottom:none;}
.mobile-nav a {color:#ddd;text-decoration:none;font-size:16px;display:block;padding:12px 0;transition:color 0.3s;}
.mobile-nav a:hover,.mobile-nav a.active {color:#4a90e2;}
  .mobile-search-container {display:none;position:fixed;top:110px;left:0;width:100%;background-color:rgba(20,20,20,0.98);padding:15px 20px;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.mobile-search-container.active {display:flex;}
.mobile-search-form {display:flex;width:100%;position:relative;}
.mobile-search-input {flex:1;padding:10px 15px 10px 40px;border:1px solid #444;border-radius:20px;font-size:15px;background-color:rgba(255,255,255,0.1);color:#fff;}
.mobile-search-input:focus {outline:none;border-color:#4a90e2;}
.mobile-search-form .search-icon {position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:#aaa;}
.mobile-search-close {background:none;border:none;margin-left:10px;cursor:pointer;}
.mobile-search-close-icon {width:20px;height:20px;stroke:#ddd;}
  .overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999;display:none;backdrop-filter:blur(2px);}
.overlay.active {display:block;}
  @media (max-width:1024px) {.nav-desktop ul {gap:15px;}
;}
@media (max-width:768px) {.header-container {padding:0 15px;}
    .nav-desktop,.search-desktop {display:none;}
    .mobile-menu-btn,.mobile-search-btn {display:block;}
    .logo {position:absolute;left:50%;transform:translateX(-50%);}
.site-logo {height:32px;}
;}
@media (max-width:480px) {.header-container {padding:0 12px;}
.site-logo {height:30px;}
.mobile-menu-icon,.mobile-search-icon {width:22px;height:22px;}
;}
  .time-bar {background:var(--bg);padding:10px 0;text-align:center;border-bottom:1px solid var(--border);font-size:14px;}
  .section-header {display:flex;justify-content:space-between;align-items:center;margin:50px 0 30px;}
.section-title {font-size:1.8rem;font-weight:500;}
.view-all {color:var(--text);text-decoration:underline;}
.articles-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;}
.article-card {border:1px solid var(--border);transition:transform 0.3s ease;position:relative;}
.article-card:hover {transform:translateY(-5px);}
.article-image {width:100%;height:200px;object-fit:cover;}
.article-content {padding:20px;}
.article-category {display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:4px 10px;font-size:12px;margin-bottom:15px;text-decoration:none;}
.article-category:hover {text-decoration:underline;}
.article-title {font-size:1.2rem;margin-bottom:10px;line-height:1.4;}
.article-title a,.category-a {color:var(--text);text-decoration:none;}
.article-title a:hover,.category-a span:hover {text-decoration:underline;}
.article-desc {color:var(--text-light);margin-bottom:15px;font-size:0.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.article-meta {color:var(--text-light);font-size:0.85rem;}
  .featured-article {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;}
.featured-image {width:100%;height:100%;min-height:400px;object-fit:cover;}
.featured-content {display:flex;flex-direction:column;justify-content:center;}
.featured-category {border:1px solid var(--accent);color:var(--accent);padding:6px 12px;font-size:14px;margin-bottom:20px;display:inline-block;}
.featured-title {font-size:2rem;line-height:1.3;margin-bottom:20px;}
.featured-title a {color:var(--text);text-decoration:none;}
.featured-title a:hover {text-decoration:underline;}
.featured-desc {color:var(--text-light);margin-bottom:30px;font-size:1.05rem;}
  .about-section {padding:40px;margin:40px 0;border:1px solid var(--border);}
.about-title {font-size:1.8rem;margin-bottom:30px;}
.about-text {color:var(--text-light);margin-bottom:20px;}
  footer {background:var(--bg);padding:60px 0 30px;border-top:1px solid var(--border);}
.footer-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:40px;}
.footer-title {font-size:1.2rem;margin-bottom:20px;}
.footer-links {list-style:none;}
.footer-links li {margin-bottom:12px;}
.footer-links a {color:var(--text-light);}
.footer-links a:hover {color:var(--text);text-decoration:underline;}
.footer-bottom {text-align:center;padding-top:30px;border-top:1px solid var(--border);color:var(--text-light);font-size:0.9rem;}
  @media (max-width:768px) {.container {padding:0 15px;}
    .articles-grid,.featured-article,.footer-grid {grid-template-columns:1fr;}
.articles-grid {gap:15px;}
.featured-image {min-height:300px;}
.about-section {padding:20px;}
;}
@media (max-width:1024px) {.articles-grid {grid-template-columns:repeat(2,1fr);}
;}
a:hover {opacity:0.85 !important;}