.header{width:100%;color:var(--color-white);z-index:999;flex-direction:column;align-items:center;transition:transform .28s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.header.hidden{transform:translateY(-100%)}.header-top{background-color:var(--color-soft-white);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:clamp(16px,6vw,60px);width:100%;padding:.75rem 2rem;transition:background-color .3s;display:flex}.header-features{align-items:center;gap:1rem;display:flex}.header-bottom{-webkit-backdrop-filter:blur(6px);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:center;align-items:center;width:fit-content;padding:6px 12px;transition:background-color .3s;display:flex}.header-top .cta-button{margin-left:1rem}.light-mode .header-top,.light-mode .header-bottom{background-color:var(--color-secondary-transparent)}.dark-mode .header-top,.dark-mode .header-bottom{background-color:var(--color-dark-transparent)}@media (max-width:840px){.header-top{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem}.header-bottom{padding:.3rem .8rem}.header-top .cta-button{margin-top:.5rem;margin-left:0}}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.header-top,.header-bottom{background-color:color-mix(in oklab,var(--header-text)10%,transparent)}}@media (prefers-reduced-motion:reduce){.header{transition:none}}
.dark-mode-toggle{cursor:pointer;border-radius:50px;align-items:center;width:50px;height:24px;padding:6px 12px;transition:background-color .3s ease-in-out;display:flex;position:relative}.toggle-bar{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .4s ease-in-out,background-color .3s;display:flex;position:absolute;top:2px;left:2px}.toggle-icon{width:14px;height:14px;transition:transform .4s ease-in-out}.light-mode .dark-mode-toggle{background-color:var(--color-dark-gray)}.light-mode .toggle-bar{background-color:var(--color-white)}.dark-mode .dark-mode-toggle{background-color:var(--color-light-gray)}.dark-mode .toggle-bar{background-color:var(--color-dark)}.toggle-bar.dark{transform:translate(26px)rotate(360deg)}.toggle-bar.light{transform:translate(0)rotate(0)}
.language-picker{font-family:var(--font-primary);border:1.5px solid var(--color-accent);background-color:var(--color-dark);color:var(--color-light);cursor:pointer;border-radius:20px;outline:none;padding:6px 10px;font-size:.9rem;font-weight:500;transition:all .3s ease-in-out}.light-mode .language-picker{background-color:var(--color-light);color:var(--color-dark);border:1.5px solid var(--color-secondary)}.language-picker:hover,.language-picker:focus{background-color:var(--color-secondary-transparent);color:var(--color-white);border-color:var(--color-accent)}.light-mode .language-picker:hover,.light-mode .language-picker:focus{background-color:var(--color-light-gray);color:var(--color-dark);border-color:var(--color-accent)}@media (max-width:768px){.language-picker{padding:5px 8px;font-size:.8rem}}@media (max-width:480px){.language-picker{padding:4px 6px;font-size:.75rem}}
.navbar{align-items:center;gap:30px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex}.navbar a{font-size:18px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.navbar a:after{content:"";width:0;height:3px;transition:width .3s ease-in-out;position:absolute;bottom:-5px;left:0}.navbar a:hover:after,.navbar a.active:after{width:100%}.light-mode .navbar a{color:var(--color-light)}.light-mode .navbar a:after{background-color:var(--color-success)}.light-mode .navbar a:hover{color:var(--color-success)}.dark-mode .navbar a{color:var(--color-white)}.dark-mode .navbar a:after{background-color:var(--color-accent)}.dark-mode .navbar a:hover{color:var(--color-accent)}@media (max-width:840px){.navbar{opacity:0;visibility:hidden;background-color:var(--color-dark-transparent);z-index:1000;flex-direction:column;align-items:flex-end;gap:36px;height:100vh;padding:24px 20px 24px 32px;position:fixed;top:0;left:0;transform:translate(-100%)}.navbar.active{opacity:1;visibility:visible;transform:translate(0)}.light-mode .navbar{background-color:var(--color-secondary-transparent)}.dark-mode .navbar{background-color:var(--color-dark-transparent)}.navbar-utilities{flex-direction:column;align-items:flex-end;gap:16px;width:100%;display:flex}.navbar-links{flex-direction:column;align-items:flex-end;gap:24px;width:100%;display:flex}.navbar a{font-size:1.1rem}}@media (min-width:841px){.navbar-utilities{display:none}.navbar-links{flex-direction:row;align-items:center;gap:30px;display:flex}}
.homepg-logo{justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}.logo-link{align-items:center;text-decoration:none;transition:transform .3s;display:flex}.logo-pack{align-items:center;gap:.8rem;display:flex}.logo-img{width:52px;height:auto;transition:transform .3s}.logo-link:hover .logo-img{transform:rotate(-5deg)scale(1.05)}.logo-text{justify-content:center;align-items:center;gap:3px;display:flex}.author-name{font-family:var(--font-secondary);font-size:1.2rem;font-weight:700}.author-job{font-family:var(--font-primary);font-size:.95rem;font-weight:400}.light-mode .author-name{color:var(--color-light)}.light-mode .author-job{color:var(--color-success)}.dark-mode .author-name{color:var(--color-accent)}.dark-mode .author-job{color:var(--color-light)}@media (max-width:768px){.logo-pack{gap:.6rem}.logo-img{width:42px}.author-name{font-size:1rem}.author-job{font-size:.8rem}}@media (max-width:480px){.homepg-logo{padding:.3rem .5rem}.logo-text{align-items:center}}
.burger-button{cursor:pointer;z-index:2000;flex-direction:column;justify-content:space-between;width:28px;height:20px;transition:all .3s ease-in-out;display:flex}.line{background-color:var(--color-light);transform-origin:50%;border-radius:3px;width:100%;height:3px;transition:all .3s ease-in-out}.light-mode .burger-button .line{background-color:var(--color-dark)}.burger-active .line:first-child{transform:rotate(45deg)translate(7px,6px)}.burger-active .line:nth-child(2){opacity:0;transform:translate(-10px)}.burger-active .line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.burger-button:hover .line{background-color:var(--color-accent)}
.cta-button{font-family:var(--font-secondary,"Josefin Sans",sans-serif);letter-spacing:.2px;cursor:pointer;z-index:0;border-radius:5px;justify-content:center;align-items:center;padding:12px 20px;font-weight:700;text-decoration:none;transition:color .25s ease-in-out,background-color .25s ease-in-out,transform .15s;display:inline-flex;position:relative;overflow:hidden}.cta-button:before{content:"";z-index:-1;width:100%;height:100%;transition:left .3s ease-in-out;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:0}.cta-button:active{transform:translateY(1px)}.cta-button:focus-visible{outline:2px solid var(--color-light);outline-offset:2px}.light-mode .cta-button{background-color:var(--color-success);color:var(--color-white)}.light-mode .cta-button:before{background-color:color-mix(in oklab,var(--color-dark)85%,black)}.light-mode .cta-button:hover{color:var(--color-light)}.dark-mode .cta-button{background-color:var(--color-accent);color:var(--color-dark)}.dark-mode .cta-button:before{background-color:var(--color-light)}.dark-mode .cta-button:hover{color:var(--color-dark)}
.footer{width:100%}html.light-mode .footer{background:var(--color-secondary-transparent);color:var(--color-light)}html.dark-mode .footer{background:var(--color-dark-transparent);color:var(--color-light)}
.footerLayer{padding:34px 24px}.footerContainer{max-width:1200px;margin:0 auto}.footerNewsletterInner{grid-template-columns:1fr 1fr;align-items:center;gap:18px;display:grid}.footerTitle{font-family:var(--font-secondary);margin-bottom:8px;font-size:18px;font-weight:800}.footerText{opacity:.9;font-size:14px;line-height:1.6}.footerForm{justify-content:flex-end;gap:10px;display:flex}.footerInput{border:1px solid color-mix(in oklab,currentColor 20%,transparent);background:color-mix(in oklab,currentColor 6%,transparent);max-width:420px;height:42px;color:inherit;border-radius:12px;outline:none;flex:1;padding:0 12px}.footerInput::placeholder{opacity:.7;color:inherit}.footerButton{cursor:pointer;height:42px;font-family:var(--font-secondary);background:var(--color-accent);color:var(--color-white);border:none;border-radius:12px;padding:0 14px;font-weight:800;transition:transform .15s,opacity .15s}.footerButton:hover{opacity:.92;transform:translateY(-1px)}@media (max-width:768px){.footerNewsletterInner{grid-template-columns:1fr}.footerForm{flex-direction:column;justify-content:flex-start;align-items:stretch}.footerInput{max-width:100%}}
.footerBrandInner{gap:12px;display:grid}.footerBrandLink{color:inherit;text-decoration:none}.footerBrandHead{align-items:center;gap:12px;display:flex}.footerBrandName{font-family:var(--font-secondary);font-size:18px;font-weight:900}.footerBrandTagline{opacity:.85;font-size:13px}.footerBrandDesc{opacity:.92;max-width:760px;font-size:14px;line-height:1.7}
.footerLinksInner{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.footerColTitle{font-family:var(--font-secondary);margin-bottom:10px;font-size:16px;font-weight:800}.footerList,.footerContact{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footerList a{color:inherit;opacity:.9;text-decoration:none;transition:opacity .15s}.footerList a:hover{opacity:1}.footerContact{opacity:.9}@media (max-width:900px){.footerLinksInner{grid-template-columns:1fr}}
.footerBottomBar{padding:18px 24px 26px}.footerDivider{background:color-mix(in oklab,currentColor 18%,transparent);width:100%;height:1px;margin-bottom:14px}.footerCopy{text-align:center;opacity:.85;font-size:13px}