html,body,#root{height:100%;margin:0;padding:0;font-family:IBM Plex Sans,Arial,sans-serif}.app-layout{display:flex;flex-direction:column;min-height:100vh}.header{height:180px;background:#000 url(/assets/banner-CqVILC1p.jpeg) center/cover no-repeat;color:#fff;display:flex;align-items:center;padding:0 24px;font-size:1.5rem;font-weight:700}.logo{height:140px;margin-right:16px;display:block}.footer{height:48px;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 24px;font-size:1rem;text-align:center}footer.footer a{color:#fff!important}.main-area{display:flex;flex:1 1 auto;min-height:0}.main-content{flex:1 1 auto;padding:32px;background:#fff;overflow-y:auto;margin:32px auto;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 1.5px 4px #0000001a;max-width:1200px;line-height:1.6;color:#1565c0;text-decoration:none;transition:border-color .2s,color .2s}.main-content p{margin-bottom:1.2em}.main-content ul{margin:1em 0 1em 1.5em}.main-content h2,.main-content h3{margin-bottom:.5em;font-weight:700}.main-content a{color:#735932;text-decoration:none;transition:color .2s}.main-content a:hover,.main-content a:focus{color:#ff9800}.content-image-left{float:left;width:280px;max-width:45%;margin:0 20px 20px 0;border-radius:12px;box-shadow:0 4px 16px #0000001a}.content-subcategory{margin-left:1.5em}.sidebar{width:240px;background:#f5f5f5;padding:24px 0;overflow-y:auto}.sidebar-list,.sidebar-sublist{list-style:none;padding:0;margin:0}.sidebar-sublist{padding-left:18px;margin:2px 0 8px}.sidebar-category>a{font-weight:700;font-size:1.08rem;color:#1565c0;background:#fffbe7;border-radius:4px;padding:8px 16px;display:block;margin-bottom:4px;text-decoration:none;transition:background .2s,color .2s}.sidebar-category>a.active,.sidebar-category>a:hover{background:gold;color:#1565c0}.sidebar-subitem>a{font-weight:400;font-size:1rem;color:#1565c0;padding:6px 16px;display:block;border-radius:4px;text-decoration:none;transition:background .2s,color .2s}.sidebar-subitem>a.active,.sidebar-subitem>a:hover{background:#ffe082;color:#c8102e}.category-cards{display:flex;gap:24px;flex-wrap:wrap;margin-top:2rem;justify-content:center}.category-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:1rem;width:200px;text-align:center;color:#333;text-decoration:none;transition:transform .15s}.category-card:hover{transform:translateY(-5px) scale(1.03)}.category-card img{width:100%;border-radius:8px;height:100px;object-fit:cover}.my-preview-image{width:220px;height:auto;border-radius:8px;transition:transform .3s,box-shadow .3s,filter .3s;cursor:pointer}.my-preview-image:hover{transform:scale(1.05);box-shadow:0 8px 24px #1565c02e;filter:brightness(.92)}.info-box{background:#f0f8ff;border-left:4px solid #3399ff;padding:1em;margin:1.5em 0;border-radius:8px}