@layer base{*{box-sizing:border-box}:root{--primary-color:#fbff00;--background-color:#080808;--container-color:#161616;--text-color:#fff;--text-muted-color:#fff9;--animation-fn:cubic-bezier(0, .9, .6, .95)}body{background-color:var(--background-color);color:var(--text-color);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px}a{color:unset;text-decoration:none}}@layer components{.container{background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.content-border{--border-radius:1em;border-radius:var(--border-radius);--padding:.1em;padding:var(--padding);background-color:var(--container-color);background-image:linear-gradient(#fff3,#9696961a);display:inline-flex;box-shadow:0 0 5em #00000080}.content{border-radius:calc(var(--border-radius) - var(--padding));background-color:var(--container-color);background-image:linear-gradient(20deg,#0000,#ffffff05 20%,#ffffff0d 80%,#ffffff05);width:800px}.details{color:var(--text-muted-color);flex-direction:row;justify-content:end;align-items:center;font-size:.9em;display:flex}.details .detail{padding:.75em 1em}.details .detail .bold{color:var(--text-color);font-weight:700}.details .separator{background-color:color-mix(in oklch, var(--text-muted-color), transparent 50%);width:.5em;height:.1em}header{background-color:var(--background-color);background-image:radial-gradient(circle at center in oklch, color-mix(in oklch, var(--primary-color), transparent 85%), color-mix(in oklch, var(--primary-color), transparent 95%));border:1px solid #ffffff1a;border-width:1px 0;flex-direction:row;justify-content:center;align-items:center;font-family:Bitcount,sans-serif;font-size:3.5em;font-weight:300;display:flex;box-shadow:inset 0 0 .5em #00000080}header a{width:100%;color:color-mix(in oklch, var(--primary-color), white 90%);--text-shadow-color:color-mix(in oklch, var(--primary-color), transparent 70%);text-shadow:0 0 .2em var(--text-shadow-color), 0 0 .4em var(--text-shadow-color), 0 0 .6em var(--text-shadow-color), 0 0 .8em var(--text-shadow-color);justify-content:center;align-items:center;padding:1rem;transition:text-shadow .2s ease-out;display:inline-flex}header a:hover{--text-shadow-color:color-mix(in oklch, var(--primary-color), transparent 60%)}footer{flex-direction:row;justify-content:space-between;align-items:center;gap:1em;padding:1em;display:flex}footer .start,footer .end{flex-direction:row;align-items:center;gap:1em;display:flex}.button,.link{min-width:1lh;height:1lh;color:var(--text-color);flex-direction:row;justify-content:center;align-items:center;gap:.75em;padding:0 .75em;line-height:2.25em;display:inline-flex}:is(.button,.link) .icon{width:.7lh;height:.7lh}.button{--button-color:color-mix(in oklch, var(--container-color), white 80%);--button-text-color:color-mix(in oklch, var(--button-color), var(--text-color) 70%);--button-background-color:color-mix(in oklch, var(--button-color), var(--container-color) 80%);--button-border-color:color-mix(in oklch, var(--button-color), transparent 80%);--button-shadow-color:color-mix(in oklch, var(--button-background-color), var(--container-color) 25%);color:var(--button-text-color);background-color:var(--button-background-color);border:.1em solid var(--button-border-color);--button-lift:.2em;--button-lift-offset:0em;--button-total-offset:calc(var(--button-lift) + var(--button-lift-offset));box-shadow:0 var(--button-total-offset) 0 var(--button-shadow-color);--animation-duration:.2s;transition:box-shadow var(--animation-duration) var(--animation-fn), transform var(--animation-duration) var(--animation-fn), background-color var(--animation-duration) var(--animation-fn), border var(--animation-duration) var(--animation-fn);transform:translateY(calc(-1 * var(--button-lift-offset)));border-radius:.75em;font-weight:700}.button:hover{--button-text-color:color-mix(in oklch, var(--button-color), var(--text-color) 80%);--button-background-color:color-mix(in oklch, var(--button-color), var(--container-color) 75%);--button-border-color:color-mix(in oklch, var(--button-color), transparent 75%);--button-lift-offset:.1em}.button:active{--animation-duration:50ms;--button-lift-offset:calc(-1 * var(--button-lift))}.button.primary{--button-color:color-mix(in oklch, var(--primary-color), white 20%)}.button.lg{font-size:1.1em}.button .icon{margin:0 -.25em}.button .icon:only-child{margin:0 -.5em}.icon-button{width:1lh;height:1lh;padding:0}}@media (width<=840px){.content{width:600px}}@media (width<=640px){.content{width:100%}.content-border{width:100%;margin:0 1em}footer{flex-direction:column}}@layer slideshow{.slideshow{z-index:-2;background:#000;position:fixed;inset:0;overflow:hidden}.background-layer{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.5s;position:absolute;inset:0;transform:scale(1.03)}.background-layer.is-visible{opacity:1}.container{z-index:1}}