@font-face{font-family:"brandis";src:url("/assets/fonts/brandis.otf") format("opentype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%}body{margin:0;color:rgba(255,255,255,0.92);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;padding-bottom:100px}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(1200px 800px at 10% 20%, rgba(255,60,172,0.6), transparent 60%),radial-gradient(1000px 700px at 90% 30%, rgba(0,212,255,0.6), transparent 60%),radial-gradient(1000px 700px at 40% 90%, rgba(109,94,252,0.6), transparent 60%),linear-gradient(120deg, #6d5efc, #03afff, #03adea, #7ddeff);background-size:110% 110%;animation:breathe 14s ease-in-out infinite;filter:saturate(1.2)}@keyframes breathe{0%{transform:scale(1);background-position:0% 50%}50%{transform:scale(1.06);background-position:100% 50%}100%{transform:scale(1);background-position:0% 50%}}.blobs{position:fixed;inset:-20%;z-index:-1;filter:blur(40px);opacity:.6;pointer-events:none}.blob{position:absolute;width:520px;height:520px;border-radius:50%;animation:float 18s ease-in-out infinite}.blob:nth-child(1){left:10%;top:10%;background:rgba(255,60,172,0.35)}.blob:nth-child(2){left:60%;top:5%;background:rgba(0,212,255,0.35);animation-duration:22s}.blob:nth-child(3){left:30%;top:60%;background:rgba(109,94,252,0.35);animation-duration:26s}@keyframes float{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(80px, 60px) scale(1.1)}100%{transform:translate(0, 0) scale(1)}}@media (prefers-reduced-motion: reduce){.bg,.blob{animation:none !important}}.wrap{width:100%;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:40px;display:grid;gap:20px}.site-header{position:sticky;padding-left:40px;top:0;z-index:100;height:50px;display:flex;align-items:flex-start;background-color:none;background:rgba(240,240,240,0.6);transition:all 1s cubic-bezier(0.22, 1, 0.36, 1)}.site-header.shrink{border-bottom:solid 3px rgba(255,255,255,0.5)}.site-header .logo{font-family:"brandis";font-size:5rem;transform-origin:top left;padding-top:26px;color:rgba(255,255,255,0.5);transform:scale(1);transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1)}.site-header.shrink .logo{transform:scale(0.4)}.site-footer{display:flex;justify-content:center;z-index:1000}.nav{position:fixed;bottom:0;left:0;width:100%;display:flex;gap:30px;justify-content:center;padding:20px 0;z-index:1000;border-top:solid 2px rgba(255,255,255,0.5);filter:blur(10px);background:rgba(240,240,240,0.6)}.nav a{margin-left:15px;text-decoration:none;color:rgba(255,255,255,0.7)}.nav a:hover{color:white}.nav__link{font-size:1rem;color:rgba(255,255,255,0.5);text-decoration:none;font-weight:600;transition:all 400ms cubic-bezier(0.22, 1, 0.36, 1)}.nav__link:hover{color:rgba(255,255,255,0.9);letter-spacing:2px;font-weight:900}.nav__link.active{color:rgba(255,255,255,0.9);font-weight:900}.page{opacity:0;transform:translateY(6px);transition:opacity 200ms ease-in, transform 200ms ease-in;pointer-events:none;height:0;overflow:hidden}.page.active{opacity:1;transform:translateY(0);pointer-events:auto;height:auto;overflow:visible}.pages{width:min(600px, calc(100%-50px));padding:50px 40px}