*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,svg{max-width:100%;display:block}button{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--color-bg-dark:#000;--color-bg-accent:#2b425a;--color-accent:oklch(89% .17 167);--color-accent-semitransparent:oklch(from var(--color-accent) l c h / .25);--border-radius:8px;--font-color-main:oklch(70% .04 257);--font-color-headings:white}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-DTAj2TMq.woff2)format("woff2");font-weight:400}@font-face{font-family:Lato;src:url(/assets/Lato-Black-3KLBlafU.woff2)format("woff2");font-weight:900}body,p{color:var(--font-color-main);font-family:Lato;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--font-color-headings);font-family:Lato;font-weight:900}.controls{grid-area:controls;justify-content:right;gap:1rem;display:flex}@media (width>=600px){.controls{margin-bottom:3rem}}.button{color:#fff;transform-origin:50%;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:transform .35s;position:relative}.button:after{content:"";background:oklch(from var(--color-accent) l c h / .5);filter:blur(25px);opacity:0;width:75%;height:75%;margin:auto;transition:opacity .35s;position:absolute;inset:0}.button:hover{transform:scale(1.2)}.button:hover:after{opacity:1}.button svg{width:1.5rem;height:1.5rem}@keyframes shrink{0%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}.contact{--color-bg:#16212d;--border-angle:0turn;--bg-gradient:conic-gradient(from var(--border-angle), var(--color-bg), var(--color-bg));--gradient-border:conic-gradient(from var(--border-angle), transparent 25%, oklch(from var(--color-accent) .2 c h), var(--color-accent) 99%, transparent);border-radius:var(--border-radius);width:max-content;box-shadow:0px 0px 35px 0px var(--color-accent-semitransparent);background:var(--bg-gradient) padding-box, var(--gradient-border) border-box, var(--bg-gradient) border-box;background-position:50%;border:2px solid #0000;flex-direction:row;margin:2rem auto 0;animation:6s linear infinite bg-spin;display:flex}@media (width>=600px){.contact{margin:2rem 0 0}}@media (prefers-reduced-motion:reduce){.contact{animation:12s linear infinite bg-spin}}.contact a{border-right:solid 1px var(--color-accent-semitransparent);justify-content:center;align-items:center;padding:1rem 1.5rem;display:flex}.contact a:first-of-type{border-radius:var(--border-radius) 0 0 var(--border-radius)}.contact a:last-of-type{border-radius:0 var(--border-radius) var(--border-radius) 0}.contact a:hover{background:#000 radial-gradient(oklch(from var(--color-accent) l c h / .15), var(--color-bg))}.contact a:hover svg{transform:scale(1.1)}.contact a:last-of-type{border-right:none}.contact:hover a:not(:hover) path{fill:#fff9}.contact svg{transform-origin:50%;transition:transform .35s}.contact svg path{fill:#fff;transition:fill .5s}@keyframes bg-spin{to{--border-angle:1turn}}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}::selection{background-color:oklch(from var(--color-accent) l c h / .5);color:#000}body{background:var(--color-bg-dark) radial-gradient(var(--color-bg-accent), var(--color-bg-dark));flex-direction:column;min-height:100vh;display:flex}.container{z-index:1;grid-template-areas:"controls controls""header header""content content";gap:2rem;max-width:1200px;margin:0 auto;padding:3rem;display:grid}@media (width>=600px){.container{grid-template-areas:"controls controls""header content";gap:4rem}}header{text-align:center;flex-direction:column;grid-area:header;gap:1.5rem;display:flex}@media (width>=600px){header{text-align:left}}.title-container{flex-direction:column;gap:.5rem;display:flex;position:relative}.title-container .title{font-size:2.5em;line-height:1em}@media (width>=600px){.title-container .title{font-size:3em}}.title-container .subtitle{font-size:1.5em;font-weight:400}.content{flex-direction:column;grid-area:content;gap:1.5em;display:flex}.horizontal-divider{background-color:var(--color-accent-semitransparent);width:50%;height:1px;margin:1rem auto;position:relative}.horizontal-divider:after{content:"";background:oklch(from var(--color-accent) l c h / .5);filter:blur(25px);width:100%;height:5px;position:absolute;bottom:0;left:0;transform:translateY(-50%)}#particles{pointer-events:none;z-index:0;width:100vw;height:100%;min-height:100vh;position:fixed;top:0;left:0;overflow:hidden}#particles #particle-container{width:100%;height:100%;display:block;position:relative}.particle{background:oklch(from var(--color-accent) l c h / .65);opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:50%;width:4px;height:4px;position:absolute}footer{margin-top:auto;padding:3rem 2rem 2rem}footer .footer-inner{margin:0 auto;font-size:.85rem}footer .footer-inner p{justify-content:center;align-items:center;gap:.5rem;display:flex}footer .footer-inner img{width:1rem;height:auto}