:root{--black: #0f0e0e;--primary: #18d0c1;--secondary: #0d6661;--white: #ffffff;--gray: #c0c0c0;--accent: #2337ff;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), var(--white);--box-shadow: 0 2px 6px rgba(0, 0, 0, 15%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-DemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/fonts/BDOGrotesk-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{font-family:Grotesk,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;font-weight:400;color:rgb(var(--gray-dark));font-size:16px;line-height:1.7;min-height:100vh}header :focus-visible,footer :focus-visible{outline-color:var(--primary);outline-style:solid;outline-width:2px}main{flex:1;padding:2rem 0px}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--black);line-height:1.2}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.8em}h4{font-size:1.5em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--black);transition:color ease-in-out .3s}a:hover{color:var(--black)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.desktop{display:none}.mobile{display:block}.container{width:960px;max-width:100%;padding:0px 1rem;margin:auto}.btn-primary{border-radius:.75rem;background-color:var(--black);padding:.75rem 1.5rem;font-weight:500;line-height:1.5rem;color:var(--white);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;text-decoration:none}.btn-primary:hover{color:#fffc}.btn-primary:focus{color:#fffc}@media (max-width: 720px){body{font-size:18px}.container{width:100%}}@media (min-width: 960px){.desktop{display:block}.mobile{display:none}}footer{padding:3rem 0px;background:var(--black);color:var(--white);text-align:center}footer a{border-radius:.75rem}footer .top{display:flex;justify-content:space-between;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}footer .footer-links h4,footer .social-links h4{font-size:1rem;color:var(--white)}footer .footer-links a,footer .social-links a{text-decoration:none;color:var(--white)}footer .footer-links a:hover,footer .social-links a:hover{color:#fffc}footer .footer-links{display:flex;flex-direction:column;text-align:left}footer .social-links a:not(:last-child){margin-right:10px}footer .bottom{padding-top:2rem}@media (max-width: 720px){footer .top{gap:2rem;flex-direction:column}footer .footer-links{text-align:center}}header{margin:0;padding:1rem 0px;background:var(--black);box-shadow:0 2px 8px #0000000d}header a{border-radius:.75rem}header h2{margin:0;font-size:1em}header h2 a,header h2 a.active{text-decoration:none}header .search-bar{position:relative}header .search-bar input{border-radius:.75rem;border:1px solid;border-color:#ffffff1a;background-color:transparent;color:var(--white);height:2.5rem;padding:.5rem;transition:all ease-in-out .3s}header .search-bar button{position:absolute;right:0;border:none;border-radius:.75rem;background-color:transparent;color:var(--primary);height:2.5rem;padding:.5rem;transition:all ease-in-out .3s;cursor:pointer}.menu.mobile{position:relative}.menu.mobile .hamburger{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.menu.mobile .hamburger .hamburger-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:24px;justify-content:center;align-items:center}.menu.mobile .hamburger .hamburger-icon .line{display:block;width:24px;height:2px;background-color:var(--white);transition:transform .3s ease,opacity .3s ease;transform-origin:center}.menu.mobile .hamburger[aria-expanded=true] .line.top{transform:rotate(45deg) translate(5px,5px)}.menu.mobile .hamburger[aria-expanded=true] .line.middle{opacity:0}.menu.mobile .hamburger[aria-expanded=true] .line.bottom{transform:rotate(-45deg) translate(5px,-5px)}.menu.mobile .menu-content{position:absolute;right:0;z-index:100;background-color:var(--black);padding:1rem;box-shadow:var(--box-shadow);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);min-width:200px;opacity:0;transform:translate(20px) translateY(20px) scale(.95);pointer-events:none;transition:transform .3s ease,opacity .3s ease}.menu.mobile .menu-content[aria-expanded=true]{opacity:1;transform:translate(0) translateY(0) scale(1);pointer-events:auto}.menu.mobile .menu-content a{white-space:nowrap}header nav{display:flex;align-items:center;justify-content:space-between}header nav a{padding:.5rem;color:var(--white);text-decoration:none;font-weight:600}header nav a:hover{color:#fffc}header nav a.active{text-decoration:none;color:var(--primary)}header .social-links,header .social-links a{display:flex}header .social-links a{color:var(--white)}header .social-links a:hover{color:#fffc}@media (max-width: 720px){header h2 img{width:80px}header .social-links{display:none}}@media (max-width: 960px){.search-bar{margin-top:1rem}.search-bar input{width:100%}}