.logo-container{display:flex;justify-content:center;align-items:center}.logotype{display:inline-block;font-family:Arial Black,Helvetica,sans-serif;font-size:clamp(1.5rem,2vw,3rem);font-weight:900;color:#000;text-transform:uppercase;letter-spacing:.1rem;position:relative;text-shadow:1px 0px 0 #fff,2px 0px 0 #fff,3px 0px 0 #fff,4px 0px 0 #fff,0px 1px 0 #fff,0px 2px 0 #fff,0px 3px 0 #fff,0px 4px 0 #fff,1px 1px 0 #fff,2px 2px 0 #fff,3px 3px 0 #fff,4px 4px 0 #fff,5px 5px 0 #000}@media (max-width: 980px){.logotype{font-size:clamp(2rem,3vw,4rem);letter-spacing:.1rem}}.search-input{padding:.5rem .6rem;border:none;border-radius:6px;min-width:200px}@media (max-width: 650px){.search-input{min-width:50px;padding:.5rem .4rem;font-size:.4rem}}.header-top{background:#fff;border-bottom:1px solid #eee}.header-hero{display:flex;align-items:center;padding:1.25rem 1rem}.header-container{width:1000px;display:flex}.header-logo{width:100%;display:flex;align-items:center;justify-content:flex-end}.header-actions{width:70%;display:flex;align-items:center;justify-content:flex-end}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:1.05rem}.menu-sticky-wrapper{position:sticky;top:0;z-index:1000}.menu-sticky{background:#fff;border-bottom:1px solid #f1f1f1;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.menu-sticky.is-hidden{transform:translateY(-100%)}.menu-inner{display:flex;justify-content:center;align-items:center;gap:2rem;padding:.8rem 1rem}.menu-inner .menu-item{position:relative;font-size:.95rem;cursor:pointer}.menu-item:before{content:"";position:absolute;top:100%;left:0;width:100%;height:14px}.menu-item .submenu{position:absolute;top:calc(100% + 14px);left:0;min-width:185px;background:#fff;border:1px solid #eee;box-shadow:0 6px 20px #0000000f;padding:.5rem .7rem;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:2000}.menu-item:hover .submenu{opacity:1;transform:translateY(0);pointer-events:auto}.menu-item .submenu div{display:flex;align-items:center;justify-content:space-between;padding:.5rem .3rem;border-bottom:1px solid rgb(232,231,231)}.menu-item .submenu div:nth-child(5){border-bottom:none}.menu-item-with-submenu{display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.submenu div{display:block;padding:.5rem 1rem;text-decoration:none;color:inherit}.submenu div:hover{padding-left:15px;transition:padding-left .15s ease;color:#838181}@media (max-width: 650px){.header-top,.header-hero,.menu-sticky{display:none}}.mobile-menu-drawer{display:flex;position:fixed;inset:0;z-index:1500;pointer-events:none}.mobile-menu-drawer .drawer-panel{display:flex;flex-direction:column;width:280px;height:100%;background:#fff;box-shadow:6px 0 30px #00000026;transform:translate(-100%);transition:transform .28s ease;pointer-events:auto}.mobile-menu-drawer.open .drawer-panel{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eee}.drawer-close{background:transparent;border:none;font-size:1.2rem;cursor:pointer}.drawer-nav{padding:.6rem 1rem}.drawer-nav ul{list-style:none;padding:0;margin:0}.drawer-nav li{padding:.6rem 0;border-bottom:1px solid #fafafa}.drawer-nav li:nth-child(6){padding-bottom:0;border-bottom:none}.drawer-backdrop{flex:1;background:#00000059;pointer-events:auto}.submenu-toggle{width:100%;background:none;border:none;text-align:left;padding:0;font-size:1rem;cursor:pointer}.submenu li:nth-child(5){padding-bottom:0;border-bottom:none}.submenu li{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 .5rem 1rem;border-bottom:none;font-size:.9rem;border-bottom:1px solid #fafafa}.post-card{display:flex;flex-direction:column;cursor:pointer}.post-image{width:100%;height:180px;display:block;object-fit:cover;border-radius:4px}.post-body{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:.6rem 0}.post-meta{font-size:.8rem;color:#ff2b6d;font-weight:600;margin-top:.5rem}.post-title{font-size:1.3rem;font-weight:700}.post-author-date-views{font-size:.9rem}.post-author-date-views span:nth-child(1){color:#000;font-weight:600}.post-author-date-views span{color:#666;font-weight:400}.post-excerpt{margin:0;font-size:1rem;color:#666}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.modal{width:min(800px,95%);background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 20px 40px #0003;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title{margin:0;font-size:1.2rem}.modal-close{background:#eee;border:none;padding:.4rem .6rem;border-radius:6px;cursor:pointer}.modal-body{margin-top:.8rem;color:#333}.modal-meta{margin-top:1rem;font-size:.9rem;color:#777}.posts-wrap{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.status{padding:.6rem 0}.status--error{color:red}.posts-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin-left:calc(-1 * var(--content-gap))}.post-item{width:calc((100% / 3) - (var(--content-gap) * (2 / 3)));box-sizing:border-box}@media (max-width: 980px){.post-item{width:calc((100% / 2) - (var(--content-gap) * (1 / 2)))}}@media (max-width: 650px){.post-item{width:100%;padding-left:0}.posts-grid{margin-left:0}}.mobile-header{display:none;align-items:center;justify-content:space-between}.hamburger{width:36px;height:36px;border:none;background:none;cursor:pointer}.search-icon,.more-icon{width:24px;height:24px;cursor:pointer}.down-arrow{width:12px;height:12px;margin-left:4px}.right-arrow{width:12px;height:12px}@media (max-width: 650px){.mobile-header{display:flex}}*{margin:0;padding:0;box-sizing:border-box}:root{--max-width: 1100px;--content-gap: 48px}html,body,#root{height:100%}body{margin:0;font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-size:1rem;color:#111;-webkit-font-smoothing:antialiased;background:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem}