@import"https://stagnansi.github.io/sfp/ff.css";:root{--accent: #fff;--accent-dark: #000d8a;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);--aurora-gradient: linear-gradient(60deg, #7effc8, #2f00ff, #ffa57a);--aurora-bg-size: 300% 300%;--aurora-animation: aurora 8s ease infinite;--gradient-white: radial-gradient(120.96% 120.96% at 50% -20.96%, #696969 0%, hsla(0,0%,100%,.78) 100%);--font-family: "Helvetica Now Display", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, "Open Sans", "Helvetica Neue"}body{margin:0;padding:0;font-family:var(--font-family);font-size:20px;font-weight:400;line-height:1.7;color:#fff;background:#000;background-size:100% 600px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:#fff;line-height:1.2;font-weight:700}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}p{margin-bottom:1em;font-weight:400}.prose p{margin-bottom:2em}strong,b{font-weight:600}a{color:var(--accent)}input{font-size:16px}textarea{width:100%;font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}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{margin:0;padding:0 0 0 20px;border-left:4px solid var(--accent);font-size:1.333em}hr{margin:0;border:none;border-top:1px solid rgb(var(--gray-light))}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:4rem 1rem 2rem;text-align:center;transform:scale(.9);opacity:0;animation:hero_section_reveal 2s forwards}.hero-title{margin-bottom:1.2rem;font-size:2.5rem;font-weight:700;letter-spacing:-1px;background:var(--aurora-gradient);background-size:var(--aurora-bg-size);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:var(--aurora-animation)}.hero-subtitle{max-width:600px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:500;line-height:1.5;background:var(--gradient-white);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-left-logo{position:absolute;top:.7rem;left:1rem;z-index:1000;width:48px;height:auto}.hero-email-button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:.5rem 1rem;font-family:var(--font-family);font-size:1.125rem;font-weight:700;color:#fff;background:transparent;border:none;border-radius:9999px;text-decoration:none;cursor:pointer;overflow:hidden;transition:background-color .2s ease,color .2s ease,padding .3s ease}.hero-email-button:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:var(--aurora-gradient);background-size:var(--aurora-bg-size);animation:var(--aurora-animation);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.hero-email-button:after{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:var(--aurora-gradient);background-size:var(--aurora-bg-size);opacity:0;animation:aurora 8s ease infinite;pointer-events:none;transition:opacity .3s ease;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.hero-email-button:hover:after{opacity:1}.hero-email-button span{display:inline-block;transition:transform .3s ease,opacity .3s ease}.contact-container{position:relative;display:inline-block;overflow:hidden}.contact-container.active .hero-email-button{padding-left:3.5rem;padding-right:3.5rem}.contact-container.active .hero-email-button:after{opacity:0!important}.contact-container.active .hero-email-button:hover:after{opacity:0!important}.contact-container.active .hero-email-button span{opacity:0}.contact-container:not(.active) .hero-email-button span{opacity:1;transition:opacity .3s ease;transition-delay:.15s}.social-icons{display:flex;margin-top:1.5rem;color:inherit}.social-icons a{padding:.4em;color:inherit;text-decoration:none}.social-icons svg{display:block;width:1em;height:1em;fill:currentColor}.social-icons a:hover svg{opacity:.6;transition:opacity .3s}.contact-container .social-icons{position:absolute;top:50%;left:0;right:0;margin-top:0;display:flex;justify-content:center;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .3s ease}.contact-container.active .social-icons{opacity:1;z-index:2;pointer-events:none}.contact-container .social-icons a{display:inline-block;opacity:0;transform:scale(.8);transition:transform .3s ease,opacity .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform,opacity;transform-origin:center center}.contact-container.active .social-icons a{opacity:1;transform:scale(1);pointer-events:auto!important;cursor:pointer}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:0;overflow:hidden;border:0;white-space:nowrap;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}@media (max-width: 720px){body{font-size:18px}main{padding:1em}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-email-button{font-size:.9rem}.contact-container.active .hero-email-button{padding-left:4.5rem;padding-right:4.5rem}.contact-container .social-icons{gap:.5rem}}@keyframes hero_section_reveal{to{transform:scale(1);opacity:1}}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}