:root{--bg:#f5f5f5;--text:#111;--accent:#6a5acd;--card-bg:#fff}[data-theme=dark]{--bg:#1e1e2f;--text:#eee;--accent:#9b8cff;--card-bg:#2a2a3d}body{font-family:segoe ui,sans-serif;margin:0;padding:0;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;padding-top:80px}section{padding:4rem 1rem;border-bottom:1px solid #ddd;background-color:var(--bg);color:var(--text)}.container{max-width:900px;margin:0 auto;color:var(--text)}h1,h2{color:var(--text)}.hero{background:url(/images/hero-bg.jpg)50%/cover no-repeat;text-align:center;padding:8rem 1rem;position:relative}.hero h1,.hero p{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.card{background-color:var(--card-bg,#fff);padding:1.5rem 2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,8%);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:1rem}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.card h3{margin-top:0;font-size:1.25rem;font-weight:600}.card p{font-size:1rem;color:var(--text-muted,#555)}.card .btn{display:inline-block;margin-top:1rem;background-color:#6c47ff;color:#fff;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.card .btn:hover{background-color:#5532d9}.card-cover{width:100%;height:auto;border-radius:.75rem;margin-bottom:1rem;object-fit:cover}.tags{margin-top:.5rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#eaeaff;color:#333;font-size:.75rem;padding:.3rem .6rem;border-radius:.5rem;font-weight:500}[data-theme=dark] .tag{background-color:#44416a;color:#eee}nav a{padding:.5rem 1rem;background:#5b4dff;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;margin-right:.5rem;transition:background .2s ease}nav a:hover{background:#4538d1}header{position:fixed;top:0;left:0;right:0;background:var(--bg);z-index:1000;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.burger{display:none;background:0 0;border:none;font-size:2rem;cursor:pointer;color:var(--text)}@media(max-width:768px){header{flex-direction:column;align-items:flex-start}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;width:100%}nav a{flex:1 1 calc(50% - 1rem);text-align:center}.burger{display:block}.main-nav{display:none;flex-direction:column;width:100%;padding:1rem}.main-nav.active{display:flex}.main-nav a{margin:.5rem 0;text-align:center;background:#5b4dff;color:#fff;border-radius:8px;padding:.5rem 1rem;text-decoration:none}}