:root{--color-background: #121212;--color-surface: #1e1e1e;--color-primary: #00ffff;--color-primary-hover: #00e6e6;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-border: #333333;--font-heading: "Poppins", sans-serif;--font-body: "Roboto", sans-serif;--shadow-glow: 0 0 15px rgba(0, 255, 255, .2);--shadow-glow-hover: 0 0 25px rgba(0, 255, 255, .4);--border-radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.7;font-size:16px}.container{width:90%;max-width:1140px;margin:0 auto}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.3;margin-bottom:1rem;color:#fff}h1{font-size:2.75rem}h2{font-size:2.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-primary-hover);text-decoration:none}p{margin-bottom:1.25rem;color:var(--color-text-secondary)}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem;color:var(--color-text-secondary)}img{max-width:100%;height:auto;display:block}.site-header{background-color:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:2.25rem;font-weight:700;color:#fff;text-decoration:none}.logo:hover{text-decoration:none}.logo span{color:var(--color-primary)}.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:0}.main-nav a{display:block;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:all .2s ease-in-out}.main-nav a:hover{background-color:var(--color-surface);color:var(--color-primary)}.main-nav a.active{background-color:var(--color-primary);color:var(--color-background)}.page-layout{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 0}.content-section,.hero-section,.article-full-content{background-color:var(--color-surface);padding:2.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius)}.hero-section{text-align:center;border:1px solid var(--color-primary);box-shadow:var(--shadow-glow)}.hero-section p{font-size:1.1rem;color:var(--color-text-primary)}.article-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.article-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow-hover);border-color:var(--color-primary)}.article-card .card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.article-card h3{margin-top:.5rem;margin-bottom:.5rem}.article-card h3 a{color:#fff;text-decoration:none}.article-card h3 a:hover{color:var(--color-primary)}.article-card p{color:var(--color-text-secondary);flex-grow:1}.category-tag{display:inline-block;background-color:var(--color-primary);color:var(--color-background);padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.read-more{font-weight:500;margin-top:1rem;align-self:flex-start;text-decoration:none}.sidebar .widget{background-color:var(--color-surface);padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem}.sidebar h3{font-size:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary);margin-bottom:1rem}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin-bottom:.5rem}.sidebar ul a{color:var(--color-text-secondary);text-decoration:none;font-weight:500}.sidebar ul a:hover{color:var(--color-primary)}.promo-widget{background:linear-gradient(135deg,var(--color-primary),#007bff);color:var(--color-background);border:none}.promo-widget h3{border-color:var(--color-background);color:var(--color-background)}.promo-widget p{font-size:.9rem;color:var(--color-background)}.cta-button{display:inline-block;background-color:#fff;color:#007bff;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;text-align:center;margin-top:1rem;text-decoration:none;transition:background-color .2s,transform .2s}.cta-button:hover{background-color:#f0f0f0;transform:scale(1.05);color:#0056b3;text-decoration:none}.site-footer{background-color:var(--color-surface);color:var(--color-text-secondary);padding:1.5rem 0;margin-top:2rem;border-top:1px solid var(--color-border);text-align:center;font-size:.9rem}.article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-header h1{margin-bottom:.5rem}.article-header .category-link{font-weight:700;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:1px;font-size:.8rem}.article-header .meta{color:var(--color-text-secondary);font-size:.9rem}.main-article-image{border-radius:var(--border-radius);margin-bottom:2rem}.article-body h2{margin-top:2.5rem}.article-body h3{margin-top:2rem}.article-body strong{font-weight:500;color:var(--color-text-primary)}.article-body a{font-weight:500}.article-cta{background-color:var(--color-background);border:2px dashed var(--color-primary);color:var(--color-text-primary);padding:2rem;border-radius:var(--border-radius);text-align:center;margin:2.5rem 0;box-shadow:var(--shadow-glow)}.article-cta p{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.article-cta a{display:inline-block;background-color:var(--color-primary);color:var(--color-background);padding:.75rem 2rem;border-radius:50px;font-weight:700;transition:transform .2s,background-color .2s;text-decoration:none}.article-cta a:hover{transform:scale(1.05);background-color:var(--color-primary-hover);color:var(--color-background)}@media (max-width: 992px){.header-container{flex-direction:column;gap:1rem}}@media (max-width: 768px){.main-nav ul{justify-content:center}h1{font-size:2.25rem}h2{font-size:1.75rem}}@media (min-width: 769px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 993px){.page-layout{grid-template-columns:2.5fr 1fr}.article-grid{grid-template-columns:repeat(3,1fr)}}