:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--xsmall:.25rem;--small:.5rem;--medium:1rem;--large:1.25rem;--xlarge:1.75rem;--xxlarge:2.5rem;--big:3.75rem;--xbig:6.25rem;--xxbig:10rem;--lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.75;--color-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#13141c);--color-text:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--color-bg-accent:var(--lightningcss-light,#d9dced)var(--lightningcss-dark,#0b0c12);--color-bg-daccent:var(--lightningcss-light,#c3c6d5)var(--lightningcss-dark,#06060a);--color-accent:#3b82f6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #0000001a;--btn-primary:#2563eb;--btn-primary-hover:#1d4ed8;--btn-secondary:#e5e7eb;--btn-secondary-hover:#d1d5db;--btn-danger:#dc2626;--btn-danger-hover:#b91c1c;--btn-warning:#f59e0b;--btn-warning-hover:#d97706;--btn-text-dark:#111827;--btn-text-light:#fff;font-family:Ubuntu,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background-color:var(--color-bg);height:100%}body{min-width:100vw;min-height:100vh;color:var(--color-text);line-height:var(--lh-normal);margin:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible{outline-offset:2px;outline:2px solid}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--lh-tight);margin:0}p{line-height:var(--lh-loose);color:var(--color-text);margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;font-size:var(--medium);border-radius:var(--radius-md);border:none;padding:.5rem 1.2rem;font-weight:500;transition:background-color .2s,transform .1s}.primary-button{background-color:var(--btn-primary);color:var(--btn-text-light)}.primary-button:hover{background-color:var(--btn-primary-hover)}.primary-button:active{transform:scale(.97)}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-button{background-color:var(--btn-secondary);color:var(--btn-text-dark)}.secondary-button:hover{background-color:var(--btn-secondary-hover)}.secondary-button:active{transform:scale(.97)}.danger-button{background-color:var(--btn-danger);color:var(--btn-text-light)}.danger-button:hover{background-color:var(--btn-danger-hover)}.danger-button:active{transform:scale(.97)}.warning-button{background-color:var(--btn-warning);color:var(--btn-text-dark)}.warning-button:hover{background-color:var(--btn-warning-hover)}.warning-button:active{transform:scale(.97)}.contact-button{animation:7s linear infinite shake}@keyframes shake{0%{rotate:none}2%{rotate:5deg}4%{rotate:-5deg}6%{rotate:5deg}6.66%{rotate:none}to{rotate:none}}footer{background-color:var(--color-accent);justify-content:center;height:240px;padding:15px;display:flex;position:relative}footer>section{color:#fff;justify-content:space-between;width:100%;max-width:1800px;display:flex}footer>section>div{margin:0 10px}#copyright{color:#fff;position:absolute;bottom:10px;right:15px}#lightDarkToggle{cursor:pointer;z-index:5;position:fixed;top:25px;right:25px}#not-found{text-align:center;color:#f5f6fa;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:90vh;display:flex}#home{justify-content:center;margin-bottom:50px;display:flex}.fade-in-section{opacity:0;will-change:opacity, transform;transition:opacity 1s ease-out,transform .5s ease-out;transform:translateY(100px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.home-projects{width:100%;max-width:1800px}#home-info{background-color:var(--color-bg-accent);border-radius:0 0 50px 50px;justify-content:center;margin-bottom:20px;padding:20px;display:flex}#home-info-text{max-width:1000px;margin:10px 0}.card-holder{justify-content:center;gap:10px 20px;margin:15px;display:flex}@media screen and (max-width:750px){.card-holder{flex-direction:column;align-items:center;gap:10px 20px}}.hero{color:#fff;background-image:linear-gradient(to bottom right,#090a0f,#190020);justify-content:center;align-items:center;height:50%;min-height:700px;display:flex;position:relative;overflow:hidden}.starsCanvas{z-index:0;pointer-events:none;position:absolute;inset:0}.introLayer{place-items:center;display:grid;position:absolute;inset:0}.introFadeOut{opacity:0}.introHidden{display:none}.burstCanvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.badgeStage{place-items:center;display:grid}.circleBadge{aspect-ratio:1;width:min(400px,78vw);animation:.5s both badgePop}@keyframes badgePop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.circleSvg{width:100%;height:100%}.circleRing{fill:#0000;stroke-width:3px;stroke:currentColor;opacity:1}.circleText{letter-spacing:3px;text-transform:uppercase;fill:currentColor;opacity:.9;font-weight:700}.realHeroMuted{opacity:0;pointer-events:none}.realHero{opacity:0}.realHero>div{max-width:700px;margin:15px}.realHero>div>p{color:#fff;margin-top:15px}.heroFadeIn{animation:.5s forwards heroFadeInSteps}@keyframes heroFadeInSteps{0%{opacity:0;font-size:.5rem}20%{opacity:.2;font-size:.6rem}40%{opacity:.4;font-size:.7rem}60%{opacity:.6;font-size:.8rem}80%{opacity:.8;font-size:.9rem}to{opacity:1;font-size:medium}}.wave-text{display:inline-block}.wave-text span{animation:2s ease-in-out infinite wave;display:inline-block}@media screen and (max-width:750px){.realHero{margin-top:50px}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card{background-color:var(--color-bg-accent);max-width:300px;box-shadow:2px 2px #000}.card>img{border:2px solid #000}.card>div{padding:15px}.card:hover{transition:box-shadow 1s,transform 1s;transform:scale(1.03);box-shadow:10px 10px #000}.large-card{height:500px}.large-card:hover{transition:box-shadow 1s,transform 1s;transform:scale(1.03);box-shadow:7px 7px #ffcb00}.large-card>div>*{margin-bottom:15px}.small-card{max-width:200px}.card-a-tag{color:var(--color-text);text-decoration:none}.card-a-tag:hover{text-decoration:none}#about-background{background-image:linear-gradient(to bottom right,#090a0f,#00052b);padding:50px}#about{height:100%;min-height:90vh}.about-section>article{background-color:var(--color-bg);border-radius:var(--radius-lg);z-index:10;padding:25px;transition:transform .3s;box-shadow:0 5px 25px #ffffff80}.about-section>article:hover{transform:scale(1.1)}.about-article-left{margin-right:15%}.about-article-right{margin-left:15%}.about-section>img{border-radius:var(--radius-lg);z-index:10;transition:transform .3s;box-shadow:0 5px 25px #ffffff80}.about-section>img:hover{transform:scale(1.3)}.about-section{z-index:10;width:90%;max-width:1500px;margin:35px auto 55px;display:flex}@media screen and (max-width:750px){.about-section{flex-direction:column;align-items:center}.about-article-left,.about-article-right{margin:10px}}.vTimeline{flex-direction:column;gap:2rem;width:min(900px,100%);margin:0 auto;padding:20px 0;display:flex;position:relative}.vTimeline:before{content:"";background:linear-gradient(#78787833,#7878788c,#78787833);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.vTimelineRow{grid-template-columns:1fr 40px 1fr;align-items:flex-start;display:grid;position:relative}.vTimelineLeft{text-align:right;padding-right:1.25rem}.vTimelineDate{color:#fff;-webkit-user-select:none;user-select:none}.vTimelineCenter{z-index:1;justify-content:center;display:flex;position:relative}.vTimelineDot{cursor:pointer;border:2px solid #ffffffd9;border-radius:50%;padding:10px;transition:transform .22s,box-shadow .22s}.vTimelineDot:hover{transform:scale(1.15)}.vTimelineDot.active{transform:scale(1.25);box-shadow:0 5px 25px #ffffff80}.vTimelineCard{opacity:0;max-height:0;transition:max-height .42s,opacity .28s,transform .28s;overflow:hidden;transform:translateY(-6px)}.vTimelineCard.open{opacity:1;background-color:var(--color-bg);border-radius:var(--radius-lg);max-height:300px;margin-left:1rem;padding:15px;transform:translateY(0);box-shadow:0 5px 25px #ffffff80}#contact-page{width:min(980px,92vw);height:100%;min-height:80vh;margin:60px auto}.contact-hero{margin-bottom:1.75rem}.contact-title{font-size:var(--xxlarge)}.contact-card{border-radius:16px;border-radius:var(--radius-lg);background-color:var(--color-bg-accent);padding:25px}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:720px){.grid{grid-template-columns:1fr 1fr}}.field{gap:var(--space-sm);flex-direction:column;display:flex}.field label{font-weight:700}.field input,.field textarea{background-color:var(--color-bg);width:100%;color:inherit;border:none;border-radius:12px;outline:none;padding:.85rem .9rem;transition:border-color .16s,transform .16s,background .16s}.field textarea{resize:vertical;min-height:160px}.error{color:red}.meta-row{justify-content:space-between;gap:.5rem;margin-top:.25rem;font-size:.85rem;display:flex}.contact-alert{background:#00000040;border:1px solid #ffffff24;border-radius:14px;padding:1rem}.contact-alert h2{margin:0 0 .4rem;font-size:1.25rem}.contact-alert p{opacity:.9;margin:0 0 .9rem;line-height:1.55}.contact-alert.success{background:#78ffb414;border-color:#78ffb440}.contact-alert.error{background:#ff787814;border-color:#ff787840}.privacy-note{opacity:1}.honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}#resume{flex-direction:column;align-items:center;height:100%;min-height:80vh;margin:20px 20px 50px;display:flex}#resume-header{text-align:center}#resume-text{background-color:var(--color-bg-accent);border-radius:var(--radius-lg);width:75%;max-width:1200px;margin-top:25px;padding:30px 40px}.resumeSection{margin-top:15px}.resumeDetail{justify-content:space-between;display:flex}.resumeDetail>h4{margin-top:10px}@media screen and (max-width:750px){#resume{margin:50px 10px 10px}#resume-text{width:100%}}#projects{flex-direction:column;align-items:center;width:100%;height:100%;min-height:90vh;margin-top:35px;display:flex}#projects-mapped{flex-wrap:wrap;gap:20px;max-width:1500px;margin:30px;display:flex}.popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.error-overlay{z-index:1000;justify-content:center;align-items:flex-start;padding-top:3vh;display:flex;position:fixed;inset:0}.popup-container{background:var(--color-bg-accent);border-radius:12px;width:90%;max-width:500px;padding:24px;animation:.2s ease-out popupFadeIn;position:relative;box-shadow:0 20px 40px #0003}.error-popup{color:#fff;background:#e70000;padding:10px}.popup-close,.popup-close-error{font-size:var(--xlarge);cursor:pointer;background:0 0;border:none;position:absolute;top:12px;right:12px}.popup-close:hover{color:var(--color-accent)}.popup-close-error:hover{color:#b4b4b4}.popup-content{margin-top:12px}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#project{flex-direction:column;align-items:center;width:100%;height:100%;min-height:90vh;margin-top:35px;padding:15px;display:flex}#main-project-hero{margin-bottom:30px}#main-project-img{border:5px solid var(--color-bg-accent);transition:border-color .2s,transform .15s}#main-project-img:hover{border-color:var(--color-primary);transform:translateY(-4px)rotate(.3deg)}.project-content{width:100%;max-width:1800px;padding:15px}.project-h1{margin-bottom:30px}.project-h2{margin-bottom:15px}.project-description{margin-bottom:30px}.project-description p{font-size:var(--large)}.project-article{text-align:left;background-color:var(--color-bg-accent);border-radius:var(--radius-lg);border:2px solid #0000;margin-bottom:25px;padding:15px;transition:border-color .2s,transform .15s}.project-article:hover{border-color:var(--color-primary);transform:translateY(-4px)rotate(.3deg)}.project-article img{margin-bottom:15px;margin-left:auto;margin-right:auto;display:block}.project-article p{font-size:var(--large)}#zipline-app{border-radius:var(--radius-lg);background-color:var(--color-bg-accent);padding:45px}#room-options{text-align:center;min-width:300px}#create-room,#join-room{border-radius:var(--radius-lg);flex-direction:column;align-items:center;margin-bottom:5px;padding:20px;transition:background-color .22s,box-shadow .22s;display:flex}#create-room:hover,#join-room:hover{background-color:var(--color-bg-daccent);box-shadow:0 5px 25px #ffffff80}#create-room>*{margin-bottom:7px}#join-room{margin-top:5px;margin-bottom:15px}#join-room>*{margin:5px}#pairing-info-container{flex-direction:column;align-items:center;display:flex}.pairing-info{background-color:var(--color-bg);border-radius:var(--radius-lg);font-size:var(--large);letter-spacing:2px;margin-bottom:10px;padding:15px}#zipline-chat-section{display:flex}#chat-feed{margin-right:15px}#message-feed{background-color:var(--color-bg);border-radius:var(--radius-lg);width:350px;height:355px;margin:10px 0;overflow:scroll}#chat-input{justify-content:center;display:flex}#text-input{border:2px solid var(--color-bg-daccent);border-radius:50px 0 0 50px;padding:7px}#chat-folder{border:2px solid var(--color-bg-daccent);font-size:var(--large);border-radius:0;padding:7px 7px 9px}#chat-send{border:2px solid var(--color-bg-daccent);border-radius:0 50px 50px 0;padding:5px}#control-panel>*{margin-bottom:5px}.message{border-bottom:1px solid var(--color-text);background-color:var(--lightningcss-light,#e7eaff)var(--lightningcss-dark,#181827);padding:15px}.message>button{font-size:var(--large);background-color:#0000;margin-left:10px;padding:0}@media screen and (max-width:750px){#room-options{min-width:100px}#chat-feed{margin-bottom:15px;margin-right:0}#zipline-chat-section{flex-direction:column}}#converter{background-color:var(--color-bg-accent);border-radius:var(--radius-lg);flex-direction:column;align-items:center;margin:15px;padding:15px;display:flex}#img-holder{margin-bottom:15px}.file-dropzone{text-align:center;cursor:pointer;border:2px dashed var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);padding:20px;transition:background-color .2s,border-color .2s}.file-dropzone.dragging{border-color:#ffcb00}#converter-options{justify-content:space-around;margin-top:15px;display:flex}#jovanlang-ide{color:#fff;background-color:#1e1e1e;flex-direction:column;width:1000px;height:600px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.ide-header{background-color:#252526;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.ide-header h1{color:#ccc;margin:0;font-size:1.2rem}.run-button{color:#fff;cursor:pointer;background-color:#0e639c;border:none;border-radius:4px;padding:8px 20px;font-size:.9rem;font-weight:700;transition:background .2s}.run-button:hover{background-color:#17b}.run-button:disabled{cursor:not-allowed;background-color:#4a4a4a}.ide-workspace{flex:1;display:flex;overflow:hidden}.editor-pane{border-right:1px solid #333;flex:1}.terminal-pane{background-color:#1e1e1e;flex-direction:column;flex:1;display:flex}.terminal-header{text-transform:uppercase;letter-spacing:1px;color:#888;background-color:#252526;border-bottom:1px solid #333;padding:10px;font-size:.8rem}.terminal-content{flex:1;padding:15px;font-family:Consolas,Courier New,monospace;font-size:14px;overflow-y:auto}.log-line{margin-bottom:4px;line-height:1.5}.log-info{color:#d4d4d4}.log-error{color:#f48771}.log-system{color:#4fc1ff;opacity:.8;font-style:italic}.log-prefix{-webkit-user-select:none;user-select:none;opacity:.5;margin-right:8px}.terminal-placeholder{color:#555;font-style:italic}@media screen and (max-width:750px){#jovanlang-ide{width:300px;height:1000px}.ide-workspace{overflow:block;flex-direction:column;display:flex}}#spell-caster{display:flex}.spell-container{background:#1a1a1a;border-radius:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}@keyframes shake-spell{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake-effect{animation:.5s shake-spell}.ui-overlay{text-align:center;pointer-events:none;z-index:10;background:linear-gradient(#0000,#000000e6);width:100%;padding:24px;position:absolute;bottom:0;left:0}.spell-name{text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px #ffffff80;font-size:3rem;font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:750px){#spell-caster{overflow:block;flex-direction:column}}#PIM{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);border-radius:var(--radius-lg);background-color:#0b0e11;border:5px solid #000;max-width:1200px;padding:15px}#PIM-game{margin:20px 0;display:flex}#PIM-nav{border-radius:var(--radius-lg);background-color:#06060a;padding:25px}#next-week-button{justify-content:right;width:100%;display:flex}#next-week-button>button{background-color:var(--color-accent)}.pim-button{margin:5px;display:block}.pim-button>*{margin-left:5px;display:inline}.pim-buy-button{background-color:#00c569}.pim-buy-button:hover{background-color:#0f8}.pim-sell-button{background-color:#d53051}.pim-sell-button:hover{background-color:#ff3b61}.pim-content-holder{border-radius:var(--radius-lg);background-color:#030303;min-width:600px;height:500px;margin:0 15px;padding:10px;animation:.4s ease-out forwards fadeInSlide;overflow:scroll auto}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.news-item{border:2px solid #fff;border-bottom:none;padding:5px}.news-text{font-size:var(--large)}.severity-positive{background-color:#00c569}.severity-negative{background-color:#d53051}.severity-netural{border-bottom:2px solid #fff}.stock{background-color:#030303;padding:10px}.stock>*{color:#fff}.stock>button{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.stock-actions>button{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);display:inline}.stock-chart{color:#000}.stock-table{border-collapse:collapse}.stock-td,.stock-th{border:1px solid #fff;padding:5px}.stock-th{text-align:left;color:#fff;background-color:#1d1d1d;padding-top:12px;padding-bottom:12px}#players{color:#fff;max-height:500px;overflow:scroll}.player-card{border-radius:var(--radius-lg);background-color:#06060a;margin-top:5px;margin-right:20px;padding:10px}.player-card>*{color:#fff}.player-profile>*{display:inline}.player-profile{padding:10px}.player-img{border:2px solid #0f8;border-radius:100%;width:45px;height:45px;margin-right:10px}.popup-inner-content{color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.start-end{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:700px;display:flex}@media screen and (max-width:950px){#PIM-game{flex-direction:column;display:flex}.pim-content-holder{width:320px;min-width:0;height:500px}.start-end{min-width:350px}}nav{cursor:pointer;z-index:10;position:fixed;top:20px;left:20px}.rocketButton{all:unset;cursor:pointer;z-index:999;display:inline-flex}#rocket{transition:transform .18s,filter .18s}nav:hover #rocket{filter:drop-shadow(0 0 10px #ffffff59);transform:rotate(-90deg)scale(.98)}nav:hover~*{filter:blur(3px)}.wheel{z-index:5;transform-origin:50%;touch-action:none;background:#3b83f669;border:2px dotted #3b82f6;border-radius:999px;width:360px;height:360px;transition:opacity .16s,transform .16s;position:fixed;top:40px;left:42px;transform:translate(-50%,-50%)}.wheelInvisible{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.92)}.wheelVisible{opacity:1;pointer-events:auto}.wheelItem{transform-origin:50%;color:#fff;font-size:var(--medium);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff7b;padding:7px 12px;text-decoration:none;transition:transform .12s,background .12s;position:absolute;top:45%;left:35%}.wheelItem:hover{background:#8c8c8c7b}