:root{--default-font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--heading-font:"Raleway",sans-serif;--nav-font:"Poppins",sans-serif}:root{--background-color:#ffffff;--default-color:#444444;--heading-color:#37423b;--accent-color:#5fcf80;--surface-color:#ffffff;--contrast-color:#ffffff}:root{--nav-color:#272828;--nav-hover-color:#5fcf80;--nav-mobile-background-color:#ffffff;--nav-dropdown-background-color:#ffffff;--nav-dropdown-color:#272828;--nav-dropdown-hover-color:#5fcf80}.light-background{--background-color:#f9f9f9;--surface-color:#ffffff}.dark-background{--background-color:#060606;--default-color:#ffffff;--heading-color:#ffffff;--surface-color:#252525;--contrast-color:#ffffff}:root{scroll-behavior:smooth}body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font)}a{color:var(--accent-color);text-decoration:none;transition:.3s}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%);text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font)}.page-link,.page-link:hover{color:var(--default-color)}.header{color:var(--default-color);background-color:var(--background-color);padding:15px 0;transition:all .5s;z-index:997}.header .logo{line-height:1}.header .logo img{max-height:36px;margin-right:8px}.header .logo h2{font-weight:700;font-size:30px;margin:0;letter-spacing:1px;text-transform:uppercase;color:var(--accent-color)}.btn-getstarted,.btn-getstarted:focus{color:var(--contrast-color);background:var(--accent-color);display:inline-block;font-size:14px;padding:8px 25px;border-radius:50px;transition:.3s;line-height:20px;margin:5px 0}.header .btn-getstarted,.header .btn-getstarted:focus{margin:0 0 0 30px}.btn-getstarted:focus:hover,.btn-getstarted:hover{color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%)}@media (max-width:1200px){.header .logo{order:1}.header .btn-getstarted{order:2;margin:0 15px 0 0;padding:6px 15px}.header .navmenu{order:3}}@media (min-width:1200px){.navmenu{padding:0}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navmenu li{position:relative}.navmenu a,.navmenu a:focus{color:var(--nav-color);padding:18px 15px;font-size:16px;font-family:var(--nav-font);font-weight:400;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;transition:.3s}.navmenu li:last-child a{padding-right:0}.navmenu .active,.navmenu .active:focus,.navmenu li:hover>a{color:var(--nav-hover-color)}}@media (max-width:1199px){.mobile-nav-toggle{color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color .3s}.navmenu{padding:0;z-index:9997}.navmenu ul{display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;overflow-y:auto;transition:.3s;z-index:9998}.navmenu a,.navmenu a:focus{color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:.3s}.navmenu a i,.navmenu a:focus i{font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}.navmenu a i:hover,.navmenu a:focus i:hover{background-color:var(--accent-color);color:var(--contrast-color)}.navmenu .active,.navmenu .active:focus,.navmenu a:hover{color:var(--nav-dropdown-hover-color)}.navmenu .active i,.navmenu .active:focus i{background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav-toggle{color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,.8);transition:.3s}.mobile-nav-active .navmenu>ul{display:block}}.footer{color:var(--default-color);background-color:var(--background-color);font-size:14px;position:relative}.footer .footer-top{padding-top:50px}.footer h4{font-size:16px;font-weight:700;position:relative;padding-bottom:12px}.footer .copyright{padding-top:25px;padding-bottom:25px;background-color:color-mix(in srgb,var(--default-color),transparent 95%)}.footer .copyright p{margin-bottom:0}#preloader{position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--background-color);transition:all .6s ease-out}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #fff;border-color:var(--accent-color) transparent var(--accent-color) transparent;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1.5s linear infinite}@keyframes animate-preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--accent-color);width:44px;height:44px;border-radius:50px;transition:all .4s}.scroll-top i{font-size:24px;color:var(--contrast-color);line-height:0}.scroll-top:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color)}.scroll-top.active{visibility:visible;opacity:1;bottom:15px}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}.page-title{--default-color:var(--contrast-color);--background-color:var(--accent-color);--heading-color:var(--contrast-color);color:var(--default-color);background-color:var(--background-color);position:relative}.page-title nav{background-color:color-mix(in srgb,var(--accent-color) 90%,#000 5%);padding:20px 0}.page-title nav a{color:var(--default-color)}.page-title nav ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;font-size:16px;font-weight:600}.page-title nav ol li+li{padding-left:10px}.page-title nav ol li+li::before{content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 70%)}.section,section{color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:900px;overflow:clip}@media (max-width:1199px){.section,section{scroll-margin-top:66px}}.section-title{padding-bottom:60px;position:relative}.section-title h2{font-size:14px;font-weight:500;padding:0;line-height:1px;margin:0;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--default-color),transparent 50%);position:relative}.section-title h2::after{content:"";width:120px;height:1px;display:inline-block;background:var(--accent-color);margin:4px 10px}.section-title p{color:var(--heading-color);margin:0;font-size:36px;font-weight:700;font-family:var(--nav-font);text-transform:uppercase}.articles-article-details article ul li{padding-bottom:5px}.articles-article-details{padding-bottom:20px}.articles-article-details h1,.articles-article-details h2,.articles-article-details h3,.articles-article-details h4{font-weight:700}.link-title{color:var(--heading-color)}.articles-article-details h1{margin:0 0 15px 0;position:relative;padding-bottom:10px}.articles-article-details h1:before{content:"";position:absolute;display:block;width:100%;height:1px;background:color-mix(in srgb,var(--default-color),transparent 90%);bottom:0;left:0}.articles-article-details h1:after{content:"";position:absolute;display:block;width:60px;height:1px;background:var(--accent-color);bottom:0;left:0}.recommended{padding-top:30}.recommended h4{padding-left:15px;font-weight:700}.recommended .nav-tabs{border:0}.recommended .nav-link{background-color:var(--background-color);border:0;padding:12px 15px;transition:.3s;color:var(--default-color);border-radius:0;border-right:2px solid color-mix(in srgb,var(--default-color),transparent 90%);font-weight:600;font-size:15px}.recommended .nav-link:hover{color:var(--accent-color)}.recommended .nav-link.active{background-color:var(--surface-color);color:var(--accent-color);border-color:var(--accent-color)}.recommended .details h3{font-size:26px;font-weight:600;margin-bottom:20px}.recommended .details p{color:color-mix(in srgb,var(--default-color),transparent 20%)}.recommended .details p:last-child{margin-bottom:0}@media (max-width:992px){.recommended .nav-link{border:0;padding:15px}.recommended .nav-link.active{color:var(--accent-color);background:var(--accent-color)}}.active>.page-link,.page-link.active{background-color:#5fcf80;border-color:#5fcf80}

/* Whole block is clickable */
.split-btn {
  display: inline-flex;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 10%);
  background: none;
  cursor: pointer;
  border-radius: 1rem; /* increased radius */
}

/* Left half */
.split-left {
  background-color: color-mix(in srgb, var(--accent-color), transparent 10%);
  color: #fff;
  padding: 0.375rem 0.75rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  transition: background-color 0.2s ease;
}

/* Right half */
.split-right {
  background-color: #fff;
  color: var(--accent-color);
  padding: 0.375rem 0.75rem;
  border-left: 1px solid color-mix(in srgb, var(--accent-color), transparent 10%);
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

/* Hover effect — only affect left half */
.split-btn:hover .split-left,
.split-btn:focus .split-left {
  background-color: var(--accent-color);
  color: #fff;
}

.split-btn:hover, 
.split-btn:focus {
  border: 1px solid var(--accent-color);
}

@keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(0); }
  40% { transform: translateX(2px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

/* Apply the animation to the emoji */
.shake-emoji {
  display: inline-block; /* Needed for transform to work */
  animation: shake 0.5s ease-in-out infinite; /* infinite loops */
}