@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap";.navbar{z-index:100;justify-content:space-between;align-items:flex-start;width:100%;padding:40px 56px;display:flex;position:absolute;top:0;left:0}.navbar-left{align-items:center;gap:18px;display:flex}.name-pill{background:#fff;border:2px solid #000;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;display:flex;box-shadow:0 4px 4px #00000026}.diamond{font-size:18px}.navbar-right{align-items:flex-start;display:flex}.character-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.character-link{cursor:pointer;width:78px;transition:transform .25s,filter .25s}.character-wrapper:hover .character-link{filter:drop-shadow(0 10px 18px #0000002e);transform:rotate(-12deg)scale(1.08)}.character-tooltip{opacity:0;pointer-events:none;z-index:999;background:#fff;border:3px solid #000;border-radius:22px;width:240px;padding:18px 22px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;line-height:1.35;transition:all .25s;position:absolute;top:50%;right:95px;transform:translateY(-50%)scale(.92);box-shadow:8px 8px #000}.character-tooltip:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:13px solid #000;position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.character-tooltip--right{left:95px;right:auto}.character-tooltip--right:after{border-left:0;border-right:13px solid #000;left:-13px;right:auto}.character-wrapper:hover .character-tooltip{opacity:1;transform:translateY(-50%)scale(1)}.hero{background-blend-mode:hard-light;background:#f7f7f5 url(/assets/background-Dl9AxarZ.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:42px;width:min(1280px,92%);margin-top:80px;display:flex;position:relative}.hero-title{color:#000;max-width:1100px;font-family:Archivo,sans-serif;font-size:clamp(96px,8vw,110px);font-weight:600;line-height:normal}.hero-buttons{gap:32px;margin-top:10px;display:flex}.pill-button{cursor:pointer;background:#fff;border:2px solid #000;border-radius:50px;padding:16px 42px;font-family:DM Sans;font-size:20px;transition:all .3s}.pill-button:hover{color:#fff;background:#000}.floating-icon{z-index:50;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;position:absolute}.floating-icon:active{cursor:grabbing}.music-icon{top:190px;left:170px}.cat-icon{top:170px;right:170px}.canvas-icon{bottom:170px;left:250px}.photo-icon{bottom:180px;right:240px}.health-icon{top:420px;left:120px}.sparkle-icon{top:140px;right:620px}.play-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;background:#0000002e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.play-modal{background:#f7f7f5;border:3px solid #000;border-radius:28px;width:720px;overflow:hidden;box-shadow:12px 12px #000}.play-header{color:#000;text-align:center;letter-spacing:.03em;background:#ffe96c;border-bottom:3px solid #000;padding:22px;font-family:Archivo,sans-serif;font-size:34px;font-weight:700}.play-content{align-items:center;gap:34px;padding:40px;display:flex}.play-character{flex-shrink:0;justify-content:center;align-items:center;width:160px;display:flex}.play-character-image{width:120px;image-rendering:pixelated;animation:2.4s ease-in-out infinite characterWave}.play-text{color:#000;flex:1;font-family:IBM Plex Mono,monospace}.play-text h2{margin-bottom:18px;font-family:Archivo,sans-serif;font-size:32px;line-height:1.2}.play-text p{margin-bottom:16px;font-size:17px;line-height:1.75}.play-start{cursor:pointer;background:#fff;border:2px solid #000;border-radius:999px;margin:0 auto 36px;padding:16px 42px;font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:600;transition:all .25s;display:block;box-shadow:6px 6px #000}.play-start:hover{background:#ffe96c;transform:translateY(-4px);box-shadow:8px 8px #000}@keyframes characterWave{0%{transform:rotate(0)}25%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.typing-cursor{margin-left:2px;animation:.9s infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.play-close{cursor:pointer;background:0 0;border:none;border-radius:50%;width:42px;height:42px;font-family:IBM Plex Mono,monospace;font-size:26px;transition:all .2s;position:absolute;top:18px;right:20px}.play-modal{position:relative}.play-close{cursor:pointer;color:#000;background:0 0;border:none;border-radius:50%;width:44px;height:44px;font-family:IBM Plex Mono,monospace;font-size:26px;transition:all .25s;position:absolute;top:18px;right:20px}.play-close:hover{background:#00000014;transform:rotate(90deg)}.play-button{z-index:9999;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50px;padding:16px 28px;font-family:DM Sans,sans-serif;font-size:17px;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:35px;right:35px;box-shadow:6px 6px #000}.play-button:hover{transform:translateY(-4px)}.play-button.active{background:#ffe96c;transform:scale(1.04);box-shadow:8px 8px #000}.secondary-navbar{justify-content:space-between;align-items:center;width:min(1800px,95%);margin:40px auto 90px;display:flex}.secondary-left{align-items:center;gap:18px;display:flex}.secondary-name-pill{background:#fff;border:1px solid #000;border-radius:999px;align-items:center;gap:12px;padding:16px 30px;font-family:DM Sans,sans-serif;font-size:18px;display:flex}.secondary-diamond{font-size:18px}.secondary-links{gap:60px;display:flex}.secondary-link{color:#000;font-family:DM Sans,sans-serif;font-size:22px;text-decoration:none;transition:all .25s;position:relative}.secondary-link:hover{transform:translateY(-2px)}.secondary-link:after{content:"";background:#fff;width:0;height:2px;transition:all .25s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.secondary-link:hover:after{width:70%}.secondary-link.active{font-weight:600}.secondary-link.active:after{width:100%}.opening-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#00000026;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opening-window{color:#000;background:#f7f7f5;border:2px solid #000;border-radius:24px;width:520px;overflow:hidden;box-shadow:10px 10px #000}.window-header{letter-spacing:8px;border-bottom:2px solid #000;padding:14px 20px;font-family:IBM Plex Mono,monospace}.window-body{padding:36px}.window-body h2{margin-bottom:12px;font-family:Archivo,sans-serif;font-size:34px}.window-body p{color:#666;margin-bottom:28px;font-family:IBM Plex Mono,monospace}.loading-bar{border:2px solid #000;border-radius:999px;height:10px;overflow:hidden}.loading-progress{background:#000;height:100%}.software-section{background:#f8c4d3;width:100vw;margin-top:0;margin-left:calc(50% - 50vw);padding:92px 0 82px;position:relative;overflow:hidden}.software-wave{background:radial-gradient(circle at 50% 0, var(--background) 0 30px, transparent 31px) 0 0 / 102px 32px repeat-x;pointer-events:none;width:100%;height:32px;position:absolute;top:0;left:0}.software-container{width:min(1500px,90%);margin:auto}.software-title{color:#000;text-align:center;max-width:900px;margin:0 auto 82px;font-family:DigiBop,Archivo,sans-serif;font-size:80px;font-style:normal;font-weight:400;line-height:80px}.software-grid{grid-template-columns:repeat(5,1fr);align-items:center;gap:clamp(24px,6vw,120px);display:grid}.software-card{background:0 0;border:0;place-items:center;padding:0;transition:transform .25s;display:grid}.software-card img{width:clamp(76px,8.5vw,128px);height:auto;transition:filter .25s;display:block}.software-card:hover,.software-card:focus-visible{transform:translateY(-10px)rotate(-4deg)scale(1.06)}.software-card:hover img,.software-card:focus-visible img{filter:drop-shadow(0 12px 12px #0003)}.software-card:active{transform:translateY(-3px)scale(.96)}.software-card:focus-visible{outline-offset:8px;border-radius:12px;outline:3px solid #000}@media (width<=700px){.software-section{padding:72px 0 64px}.software-title{font-size:50px;line-height:52px}.software-grid{grid-template-columns:repeat(3,1fr);row-gap:36px}.software-card img{width:76px}}.projects-page{width:min(1780px,95%);margin:170px auto 120px}.projects-header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.projects-title{font-family:Archivo,sans-serif;font-size:92px;font-weight:600}.view-all-button{cursor:pointer;background:#fff;border:1px solid #000;border-radius:999px;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:20px;transition:all .3s}.view-all-button:hover{color:#fff;background:#000}.view-text{justify-content:center;align-items:center;gap:8px;display:flex}.view-arrow{transition:all .3s}.project-view:hover .view-arrow{transform:translate(5px,-5px)}.project-grid{flex-direction:column;gap:48px;display:flex}.project-card{border:1px solid #000;border-radius:40px;width:100%;padding:12px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative}.project-card:hover{transform:translateY(-10px)rotate(-.4deg);box-shadow:0 22px 40px #00000026}.project-card-inner{background:#f7f7f5;border:1px solid #000;border-radius:30px;transition:all .35s;overflow:hidden}.project-top{justify-content:space-between;align-items:flex-start;padding:34px 42px 26px;display:flex}.project-number{margin-bottom:18px;font-family:DM Sans,sans-serif;font-size:24px;font-weight:400}.project-name{letter-spacing:-1px;font-family:Archivo,sans-serif;font-size:58px;font-weight:500;line-height:1.1}.project-view{cursor:pointer;border:1px solid #000;border-radius:999px;min-width:160px;height:58px;font-family:DM Sans,sans-serif;font-size:24px;transition:all .3s}.project-view:hover{color:#fff;transform:translateY(-2px);background:#000!important}.project-divider{background:#000;width:100%;height:1px}.project-content{flex-direction:column;gap:32px;padding:34px 42px;display:flex}.project-content p{font-family:DM Sans,sans-serif;font-size:28px;line-height:1.5}.project-content strong{font-weight:700}.project-tags{gap:22px;margin-top:10px;display:flex}.project-tag{background:0 0;border:1px solid #000;border-radius:999px;padding:12px 42px;font-family:DM Sans,sans-serif;font-size:24px}.project-section{flex-direction:column;gap:12px;display:flex}.project-section h3{font-family:Archivo,sans-serif;font-size:28px;font-weight:600}.project-section p{font-family:DM Sans,sans-serif;font-size:22px;line-height:1.7}.project-card:hover .project-card-inner{transform:translateY(-3px)}.about-page{width:min(1780px,95%);margin:100px auto 120px}.about-heading{justify-content:space-between;align-items:center;margin-bottom:56px;display:flex}.about-heading h1{letter-spacing:-.06em;font-family:Archivo,sans-serif;font-size:clamp(58px,7vw,104px);font-weight:600;line-height:1}.resume-button,.about-gallery-controls button{color:#000;background:0 0;border:1.5px solid #000;border-radius:999px;font:500 20px/1 DM Sans,sans-serif;transition:background .2s,color .2s,transform .2s}.resume-button{align-items:center;gap:14px;padding:14px 24px;display:inline-flex}.resume-button span{font-size:28px;line-height:.5}.resume-button:hover,.about-gallery-controls button:hover,.about-gallery-controls button.active{color:#fff;background:#000;transform:translateY(-2px)}.about-profile{border-bottom:1px solid #0000002e;padding-bottom:82px}.about-banner{color:#0000009e;background:linear-gradient(120deg,#fdecabb3,#f3a8769e),repeating-linear-gradient(45deg,#ffffff2e 0 2px,#0000 2px 11px);place-items:center;height:clamp(260px,31vw,540px);font:500 18px DM Sans,sans-serif;display:grid;overflow:hidden}.about-banner img,.pin img{object-fit:cover;width:100%;height:100%;display:block}.about-avatar{aspect-ratio:1;background:#dedede;border:7px solid #222;border-radius:50%;place-items:center;width:clamp(190px,20vw,310px);margin:-10% 0 0 5.3%;display:grid;position:relative;overflow:hidden}.about-avatar img{object-fit:cover;object-position:center;width:100%;height:100%}.about-intro{letter-spacing:-.035em;margin:48px 0 0;font:400 clamp(21px,2.1vw,34px)/1.24 DM Sans,sans-serif}.about-gallery{padding-top:58px}.about-gallery-controls{gap:18px;margin-bottom:56px;display:flex}.about-gallery-controls button{padding:11px 22px;font-size:17px}.about-gallery-controls .show-all{margin-left:auto}.pin-grid{column-count:4;column-gap:32px}.pin{break-inside:avoid;color:#00000080;text-align:center;background:#dedede;border-radius:44px;place-items:center;min-height:240px;margin:0 0 32px;font:500 16px DM Sans,sans-serif;transition:transform .25s,box-shadow .25s;display:grid;overflow:hidden}.pin:hover{transform:translateY(-8px)rotate(-.5deg);box-shadow:0 16px 30px #00000024}.pin--short{min-height:220px}.pin--medium{min-height:330px}.pin--tall{min-height:460px}@media (width<=900px){.pin-grid{column-count:3}}@media (width<=700px){.about-page{margin-top:54px}.about-heading{align-items:flex-start;gap:24px;margin-bottom:34px}.resume-button{padding:11px 16px;font-size:16px}.about-intro{margin-top:32px}.pin-grid{column-count:2;column-gap:16px}.pin{border-radius:28px;min-height:190px;margin-bottom:16px}.pin--medium{min-height:260px}.pin--tall{min-height:340px}}.garden-decor{z-index:60;pointer-events:none;height:128px;position:fixed;inset:auto 0 0;overflow:hidden}.garden-cluster{width:220px;height:145px;position:absolute;bottom:-22px}.garden-cluster--left{left:20px}.garden-cluster--right{right:20px;transform:scaleX(-1)}.garden-flower{--flower:#ff829d;pointer-events:auto;transform-origin:50% 100%;background:0 0;border:0;width:58px;height:58px;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute}.garden-cluster .garden-flower:first-of-type{bottom:54px;left:44px;transform:rotate(-12deg)}.garden-cluster .garden-flower:last-of-type{bottom:26px;left:116px;transform:rotate(11deg)scale(.8)}.garden-flower:hover,.garden-flower:focus-visible{transform:rotate(-4deg)scale(1.2)!important}.garden-flower:focus-visible{outline-offset:5px;border-radius:50%;outline:2px solid #000}.garden-petal,.garden-flower-center{display:block;position:absolute;top:50%;left:50%}.garden-petal{background:var(--flower);transform-origin:0 0;border:2px solid #000;border-radius:70% 30%;width:25px;height:30px}.petal--one{transform:rotate(0)translateY(-27px)}.petal--two{transform:rotate(72deg)translateY(-27px)}.petal--three{transform:rotate(144deg)translateY(-27px)}.petal--four{transform:rotate(216deg)translateY(-27px)}.petal--five{transform:rotate(288deg)translateY(-27px)}.garden-flower-center{z-index:2;background:#ffe96c;border:2px solid #000;border-radius:50%;width:17px;height:17px;transform:translate(-50%,-50%)}.garden-flower--yellow{--flower:#ffe96c}.garden-flower--purple{--flower:#b696ff}.garden-leaf{transform-origin:bottom;background:#78d39d;border:2px solid #000;border-radius:100% 0;width:68px;height:118px;animation:3.6s ease-in-out infinite alternate garden-sway;position:absolute;bottom:0}.garden-leaf--one{left:18px;transform:rotate(-30deg)}.garden-leaf--two{height:100px;animation-delay:-1.5s;left:145px;transform:rotate(31deg)scale(.8)}.garden-decor--blooming .garden-flower{animation:.7s cubic-bezier(.2,.9,.3,1) garden-bloom}@keyframes garden-sway{to{transform:rotate(-18deg)}}@keyframes garden-bloom{45%{transform:translateY(-14px)rotate(18deg)scale(1.35)}}@media (width<=700px){.garden-decor{opacity:.8;height:90px}.garden-cluster{transform-origin:bottom;transform:scale(.72)}.garden-cluster--left{left:-20px}.garden-cluster--right{right:-20px;transform:scaleX(-1)scale(.72)}}.dark-mode-toggle{z-index:1000;color:#000;text-transform:uppercase;background:#fff;border:2px solid #000;border-radius:999px;align-items:center;gap:8px;padding:11px 15px;font:700 14px/1 DM Sans,sans-serif;transition:transform .2s,background .2s,color .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.dark-mode-toggle:hover{transform:translate(-50%)translateY(-3px)}.dark-mode-toggle span:first-child{font-size:20px}body.dark-mode{--background:#171919;--black:#f7f7f5;color:#f7f7f5;background:#171919}body.dark-mode .dark-mode-toggle{color:#f7f7f5;background:#252828;border-color:#f7f7f5;box-shadow:4px 4px #f7f7f5}body.dark-mode .name-pill,body.dark-mode .secondary-name-pill,body.dark-mode .project-card-inner,body.dark-mode .view-all-button,body.dark-mode .resume-button,body.dark-mode .about-gallery-controls button,body.dark-mode .fun-fact-cat__bubble{color:#f7f7f5;background:#252828;border-color:#f7f7f5}body.dark-mode .secondary-link,body.dark-mode .project-divider,body.dark-mode .project-view,body.dark-mode .project-tag{color:#f7f7f5;border-color:#f7f7f5}body.dark-mode .project-divider{background:#f7f7f5}body.dark-mode .project-view{background:#252828!important}body.dark-mode .project-tag{background:0 0}body.dark-mode .view-all-button:hover,body.dark-mode .resume-button:hover,body.dark-mode .about-gallery-controls button:hover,body.dark-mode .about-gallery-controls button.active{color:#171919;background:#f7f7f5}body.dark-mode .about-profile{border-color:#f7f7f540}body.dark-mode .about-banner{color:#171919}body.dark-mode .pin{color:#f7f7f599;background:#303333}body.dark-mode .software-section{background:#6d2949}body.dark-mode .software-wave{background:radial-gradient(circle at 50% 0, var(--background) 0 30px, transparent 31px) 0 0 / 102px 32px repeat-x}body.dark-mode .software-title{color:#f7f7f5}body.dark-mode .hero{background-blend-mode:normal;background:linear-gradient(#0c0e0eb8,#0c0e0ecc),url(/assets/background-Dl9AxarZ.png) 50%/cover no-repeat}body.dark-mode .hero-title{color:#f7f7f5}body.dark-mode .floating-icon svg,body.dark-mode .fun-fact-cat__button svg{filter:invert()}body.dark-mode .pill-button{color:#f7f7f5;background:#252828;border-color:#f7f7f5}body.dark-mode .pill-button:hover{color:#171919;background:#f7f7f5}body.dark-mode .character-tooltip{color:#f7f7f5;background:#252828;border-color:#f7f7f5;box-shadow:8px 8px #f7f7f5}body.dark-mode .character-tooltip:after{border-left-color:#f7f7f5}body.dark-mode .character-tooltip--right:after{border-right-color:#f7f7f5}body.dark-mode .fun-fact-cat__bubble:after{background:#252828;border-color:#f7f7f5}@media (width<=700px){.dark-mode-toggle{bottom:16px}}:root{--background:#f7f7f5;--black:#000;--blue:#00a3f1;--yellow:#ffe96c;--pink:#ff829d;--purple:#8a38f5;--blue50:#00a3f180;--yellow50:#ffe96c80;--pink50:#ff829d80;--purple50:#8a38f580;--radius:50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--black);font-family:DM Sans,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:DM Sans,sans-serif}h1,h2,h3{font-family:Archivo,sans-serif}