.header{display:flex;align-items:center;justify-content:space-between;padding:20px}@media (max-width: 768px){.header{padding:12px}}.header .mobile-menu-backdrop{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:#00000080;z-index:9998;opacity:0;transition:opacity .3s ease}.header .mobile-menu-backdrop.opened{display:block;opacity:1}.header .mobile-menu{display:none;background:#fff;position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease;opacity:0;pointer-events:none}.header .mobile-menu.opened{display:flex;opacity:1;pointer-events:all}.header .mobile-menu .close-menu{position:absolute;top:20px;right:20px;background:transparent;border:none;outline:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:10000}.header .mobile-menu .close-menu svg{width:32px;height:32px}.header .mobile-menu .close-menu:hover{opacity:.7}.header .mobile-menu nav{display:unset}.header .mobile-menu nav ul{flex-direction:column;row-gap:32px;text-align:center}.header .mobile-menu nav ul a{font-size:28px;line-height:36px;font-weight:600}.header .mobile-menu nav ul a:hover{color:#ff6333}.header .mobile-menu .mobile-button{display:flex!important;margin-top:40px;padding:16px 40px;font-size:18px}.header button.menu-toggle{display:none}@media (max-width: 768px){.header button.menu-toggle{display:block;background:transparent;border:unset;outline:unset;cursor:pointer;padding:8px}.header button.menu-toggle:hover{opacity:.7}}.header img{width:217px}@media (max-width: 768px){.header img{width:140px}}@media (max-width: 768px){.header nav{display:none}}.header ul{display:flex;align-items:center;column-gap:24px}.header ul a{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:16px}.header ul a.active{color:#ff6333}.header ul a:hover{color:#ff6333d9;transition:all ease-in .3s}.header .button{display:flex;padding:8px 39px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:100px;background:#ff6333;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:16px}.header .button:hover{background:#ff6333d9;transition:all ease-in .3s}@media (max-width: 768px){.header .button{display:none}}.footer{background:#00000003}.footer .container{display:flex;justify-content:space-between;max-width:1240px;margin:0 auto;padding:60px 20px}@media (max-width: 768px){.footer .container{flex-direction:column;align-items:center;padding:40px 12px;gap:60px}}.footer .logo{display:flex;flex-direction:column;justify-content:space-between;color:#00000080;font-size:14px;font-style:normal;font-weight:500;line-height:20px}@media (max-width: 768px){.footer .logo{align-items:center}}.footer .logo img{width:170px}.footer .logo a{color:#000}.footer .logo a:hover{transition:all ease-in .2s;color:#ff6333}.footer .logo .copyright{display:flex;flex-direction:column;row-gap:12px}@media (max-width: 768px){.footer .logo .copyright{display:none}}.footer h3{font-size:20px;font-style:normal;font-weight:600;line-height:28px;margin-bottom:40px}@media (max-width: 768px){.footer h3{margin-bottom:24px;text-align:center}}.footer ul{display:flex;flex-direction:column;row-gap:24px}.footer ul li a{color:#000c;font-size:16px;font-style:normal;font-weight:500;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;display:block}@media (max-width: 768px){.footer ul li a{text-align:center}}.footer ul li a:hover{transition:all ease-in .2s;color:#ff6333}.footer .social .links{display:flex;column-gap:8px}@media (max-width: 768px){.footer .social .links{justify-content:center}}.footer .social .links svg:hover path{transition:all ease-in .2s;fill:#ff6333}.footer .copyright-mobile{display:none;color:#00000080;font-size:14px;font-style:normal;font-weight:400;line-height:20px}@media (max-width: 768px){.footer .copyright-mobile{justify-content:center;display:flex;flex-direction:column;align-items:center;row-gap:12px}}.footer .copyright-mobile a{color:#000}.footer .copyright-mobile a:hover{transition:all ease-in .2s;color:#ff6333}.container{max-width:1240px;margin:0 auto;padding:60px 20px 120px}@media (max-width: 768px){.container{padding:28px 12px 80px}}h1{color:#000;font-size:32px;font-style:normal;font-weight:600;line-height:40px}@media (max-width: 768px){h1{font-size:24px;line-height:32px}}.blog{min-height:calc(100vh - 280px)}.blog-grid{display:grid;gap:60px 20px;grid-template-columns:repeat(6,1fr);margin-top:28px}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr;gap:28px;margin-top:16px}}.blog-grid>:nth-child(1),.blog-grid>:nth-child(2){grid-column:span 3}.blog-grid>:nth-child(1) h2,.blog-grid>:nth-child(2) h2{color:#000;font-size:24px;font-style:normal;font-weight:600;line-height:32px}@media (max-width: 768px){.blog-grid>:nth-child(1) h2,.blog-grid>:nth-child(2) h2{font-size:20px;line-height:28px}}@media (max-width: 768px){.blog-grid>:nth-child(1),.blog-grid>:nth-child(2){grid-column:unset}}.blog-grid>:nth-child(n+3){grid-column:span 2}.blog-grid>:nth-child(n+3) h2{color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:28px}@media (max-width: 768px){.blog-grid>:nth-child(n+3){grid-column:unset}}.blog-item img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px}.blog-item h2{margin:16px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;align-self:stretch}.blog-item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:#000c;text-overflow:ellipsis;font-size:16px;font-style:normal;font-weight:500;line-height:28px;margin:8px 0}.blog-item .meta{overflow:hidden;color:#00000080;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;align-items:center;column-gap:8px}.meta .tags{display:flex;align-items:center;column-gap:8px}.meta .tags span{position:relative;display:flex;padding:2px 12px 2px 18px;align-items:center;gap:4px;border-radius:100px;background:#0000000a;overflow:hidden;color:#000;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.meta .tags span:before{content:"";position:absolute;left:8px;border-radius:100px;height:6px;width:6px;background:#ff6333}.pagination{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:10px}.pagination a{padding:10px 15px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;background:#fff;transition:background .3s ease,color .3s ease}.pagination a:hover{background:#007bff;color:#fff}.pagination .prev,.pagination .next{font-weight:700}