:root{--purple-dark:#2b0a3d;--purple:#5b2a86;--purple-light:#8b5cf6;--bg-light:#f7f5fb;--text-dark:#1a1a1a}body{background:var(--bg-light);color:var(--text-dark);margin:0;font-family:Inter,system-ui,Arial,sans-serif}.header{color:#fff;background:linear-gradient(135deg,#2b0a3d,#5b2a86);padding:2rem 1.5rem 8rem;position:relative}.topbar{align-items:center;gap:1rem;display:flex}.logo{height:42px}a:link,a:visited,a:hover,a:active{text-decoration:none}.brand{letter-spacing:.5px;align-items:center;gap:12px;font-weight:800;transition:color .2s;display:flex}.brand img{border-radius:9px;width:38px;height:38px;transition:transform .25s,box-shadow .25s}.brand-text span{color:var(--orange)}.brand:hover{color:var(--orange-light)}.brand:hover img{transform:rotate(-4deg)scale(1.06);box-shadow:0 6px 18px #f28c2859}.hero-center{text-align:center;margin-top:3rem}.hero-center h1{margin-bottom:1rem;font-size:2.5rem}.header h1{margin:0 0 1rem;font-size:2.5rem}.search{max-width:600px;margin:0 auto;display:flex}.search input{border:none;border-radius:8px;flex:1;padding:1rem;font-size:1rem}.main{padding-top:120px}.container{max-width:1000px;margin:0 auto 2rem;padding:0 1rem}.home-container{max-width:1000px;margin:0 auto 2rem;padding:0 1rem;transform:translateY(-60px)}.page-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.card{color:var(--text-dark);background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 25px #00000014}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0000001f}.article{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #00000014}.back{color:var(--purple);margin-top:1.5rem;font-weight:600;text-decoration:none;display:inline-block}.layout{grid-template-columns:260px 1fr;gap:2rem;max-width:1200px;margin:-3rem auto 2rem;padding:1rem;display:grid}.sidebar{background:#fff;border-radius:12px;height:fit-content;padding:1rem;box-shadow:0 8px 24px #00000014}.sidebar h4{color:#5b2a86;margin-top:0;margin-bottom:1rem}.sidebar a{color:#333;border-radius:6px;padding:.6rem .4rem;font-size:.95rem;text-decoration:none;display:block}.sidebar a:hover{color:#5b2a86;background:#f3eefe}.content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 8px 24px #00000014}.content h1{margin-top:0}.breadcrumb{color:#777;margin-bottom:1rem;font-size:.9rem}