*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#fff;background:#070707;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;transition:background-color 1s,color .5s,--dot-color .5s;overflow-x:hidden}.light-mode{color:#000;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#2315dd;background:#f9f9f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow-x:hidden}.dark-mode{color:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dot-color:#fff;background:#070707;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(circle, var(--dot-color,#fff) 1px, transparent 1px);opacity:.3;z-index:-1;pointer-events:none;background-size:25px 25px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 80%);mask-image:radial-gradient(circle,#000 0%,#0000 80%)}body:after{content:"";background-image:radial-gradient(circle, var(--dot-color,#fff) 2px, transparent 1px);opacity:.5;z-index:-1;pointer-events:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 70px at var(--mouse-x,-200px) var(--mouse-y,-200px), black 0%, transparent 100%), radial-gradient(ellipse 50% 75% at 50% 45%, black 0%, transparent 80%);mask-image:radial-gradient(circle 70px at var(--mouse-x,-200px) var(--mouse-y,-200px), black 0%, transparent 100%), radial-gradient(ellipse 50% 75% at 50% 45%, black 0%, transparent 80%);background-size:25px 25px;position:fixed;top:0;left:0;-webkit-mask-composite:source-in;mask-composite:intersect}#container{flex-direction:column;max-width:560px;height:100vh;margin:0 auto;padding:0 1.2rem;display:flex}.intro{vertical-align:middle;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.header{justify-content:center;align-items:center;padding:2.5rem 0 1rem;display:flex}.nav{gap:2rem;display:flex}.nav-link{color:#8f8d8d;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.nav-link.active{text-underline-offset:4px;text-decoration:underline}.fixed-controls{position:fixed;top:2rem;right:2rem}.theme-toggle{cursor:pointer;z-index:5;filter:grayscale();background:0 0;border:none;font-size:1.5rem}.footer{justify-content:center;gap:2rem;margin-top:auto;padding:2rem 0;display:flex}#footer-links{filter:grayscale();transition:filter .5s}#footer-links:hover{filter:grayscale()brightness(300%)}.light-mode #footer-links{filter:grayscale()}.light-mode #footer-links:hover{filter:grayscale(0%)brightness()}