@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap";:root{--bg-color: #0a0a1a;--surface-color: #1a1a2e;--primary-accent: #00ffff;--secondary-accent: #ff00ff;--text-color: #e0e0e0;--heading-color: #ffffff;--border-color: rgba(0, 255, 255, .3)}body{font-family:Fira Code,monospace;line-height:1.7;color:var(--text-color);background-color:var(--bg-color);margin:0;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{color:var(--primary-accent);text-decoration:none;font-weight:700;transition:color .3s ease,text-shadow .3s ease}a:hover{color:#fff;text-shadow:0 0 8px var(--primary-accent)}h1,h2,h3{font-weight:700;margin-top:0;margin-bottom:1rem;color:var(--heading-color);line-height:1.3;text-shadow:0 0 5px rgba(0,255,255,.5)}h1{font-size:2.8rem}h2{font-size:2rem}h3{font-size:1.25rem}img{max-width:100%;height:auto;display:block;border:1px solid var(--border-color)}.header{background-color:#0a0a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:15px 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--heading-color);text-shadow:0 0 10px var(--primary-accent)}.logo:hover{color:var(--primary-accent);text-shadow:0 0 15px var(--primary-accent)}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:25px}.main-nav a{color:var(--text-color);font-weight:700;font-size:1rem}.main-nav a:hover{color:var(--primary-accent)}.page-content{display:grid;grid-template-columns:2.5fr 1fr;gap:40px;padding-top:40px;padding-bottom:40px}.main-content{grid-column:1 / 2}.sidebar{grid-column:2 / 3}.hero-section{background-color:var(--surface-color);border:1px solid var(--border-color);color:#fff;padding:50px 40px;text-align:center;margin-bottom:40px}.hero-section h1{color:var(--primary-accent);font-size:3rem}.hero-section p{font-size:1.2rem;opacity:.8}.section-title,.category-header{font-size:2.2rem;margin-bottom:30px;color:var(--primary-accent)}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.article-card{background-color:var(--surface-color);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #00ffff4d}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-content h3{margin-bottom:10px}.card-content h3 a{color:var(--heading-color);font-weight:700}.card-content h3 a:hover{color:var(--primary-accent)}.card-content p{margin-bottom:15px;flex-grow:1;opacity:.8}.read-more{font-weight:700;font-size:.9rem;align-self:flex-start}.category-tag{display:inline-block;color:var(--bg-color);padding:5px 12px;font-size:.8rem;font-weight:700;margin-bottom:15px;align-self:flex-start}.category-tag.checkers{background-color:#0ff}.category-tag.shoprite{background-color:#f0f}.category-tag.pnp{background-color:#00ff7f}.category-tag.woolies{background-color:#f0f0f0;color:#0a0a1a}.category-tag.spar{background-color:#adff2f}.category-tag.more{background-color:gold}.sidebar-widget{background-color:var(--surface-color);padding:25px;border:1px solid var(--border-color);margin-bottom:30px}.sidebar-widget h3{font-size:1.3rem;margin-bottom:15px;color:var(--primary-accent)}.sidebar-widget ul{list-style:none;padding:0;margin:0}.sidebar-widget ul li{margin-bottom:12px}.sidebar-widget ul li a{color:var(--text-color);font-weight:400}.article-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.article-header h1{font-size:3rem;margin-bottom:15px;color:var(--primary-accent)}.article-meta{color:#999;font-size:.9rem}.article-meta a{color:#999;font-weight:700}.article-meta a:hover{color:var(--primary-accent)}.article-content{font-size:1.1rem;line-height:1.8}.article-content h2{margin-top:40px;margin-bottom:20px;color:var(--secondary-accent);text-shadow:0 0 5px var(--secondary-accent)}.article-content p,.article-content ul,.article-content ol{margin-bottom:20px}.article-content img{margin:30px 0}.footer{background-color:var(--surface-color);color:var(--text-color);text-align:center;padding:30px 0;margin-top:40px;border-top:1px solid var(--border-color)}.footer p{margin:0;font-size:.9rem;opacity:.7}@media(max-width:992px){.page-content{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:2.2rem}h2{font-size:1.8rem}.header .container{flex-direction:column;gap:20px}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:15px 20px}.articles-grid{grid-template-columns:1fr}.article-header h1{font-size:2.5rem}}