:root{--bg: #1e1e1e;--nav-bg: #0f0f0f;--text: #fefefe;--title: #ffffff;--accent: #fec476;--shadow: 0 10px 30px rgba(0,0,0,.35);--styled-text: "Knewave", system-ui;--sidebar-w: 400px}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}img{max-width:100%;display:block}#app{display:flex;min-height:100vh;font-family:Poppins,system-ui,sans-serif}.sidebar{background:var(--nav-bg);position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);padding:4rem 2rem}.content{margin-left:var(--sidebar-w);width:calc(100vw - var(--sidebar-w));min-height:100vh;overflow:hidden}#navbar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100%}#nav-title{font-family:var(--styled-text);font-size:3rem}#nav-title-highlight{color:var(--accent)}#nav-links{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:400px;font-size:1.25rem;margin-top:-8rem}.nav-link{display:flex;align-items:center;color:var(--text);text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s ease-in-out,text-shadow .18s ease-in-out}.nav-link:hover{transform:scale(1.2)}.nav-link--active{color:var(--accent)}#nav-links svg{margin-right:1rem}#nav-socials{display:flex;align-items:center;justify-content:space-between;width:50px}#nav-socials a{color:var(--text)}#nav-socials a:hover{color:var(--accent)}#home-page{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#home-background{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:-10;filter:saturate(.95) contrast(1.05)}#home-page:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 100% 0%,#0006,#00000026 45%,#0000008c),linear-gradient(90deg,#000c,#0006 40%,#000000b3)}#home-page:after{content:"";position:absolute;inset:-10% -5%;z-index:2;pointer-events:none;background:radial-gradient(60% 40% at 20% 30%,#ffffff0f,#fff0 60%),radial-gradient(40% 30% at 65% 25%,#ffffff0d,#fff0 60%),radial-gradient(70% 45% at 80% 70%,#ffffff0a,#fff0 65%),radial-gradient(55% 35% at 35% 75%,#ffffff0d,#fff0 60%);mix-blend-mode:screen;filter:blur(10px);opacity:.9}#home-title-container{display:flex;flex-direction:column;align-items:center;color:var(--text);z-index:3}#home-title-container h3{font-size:1.75rem}#home-title-container h1{font-size:8rem;font-weight:600;margin:.5rem 0 2.5rem}#home-title-container h2{font-size:1.5rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}