@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.vcanvas-outer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;width:100vw;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.vcanvas-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;filter:blur(60px) contrast(1);overflow:hidden}.orb{position:absolute;border-radius:50%;opacity:0;animation-fill-mode:forwards;will-change:transform,border-radius}.orb-1{width:60vw;height:60vw;max-width:720px;max-height:720px;top:-18%;left:-12%;background:radial-gradient(circle at 40% 40%,rgba(238,200,175,.75),rgba(220,160,110,.4) 45%,transparent 70%);animation:fadeIn 1s ease .2s forwards,drift1 10s ease-in-out 1.2s infinite}.orb-2{width:65vw;height:65vw;max-width:780px;max-height:780px;bottom:-22%;right:-14%;background:radial-gradient(circle at 60% 55%,rgba(255,174,0,.6),rgba(238,200,175,.35) 45%,transparent 68%);animation:fadeIn 1s ease .4s forwards,drift2 13s ease-in-out 1.4s infinite}.orb-3{width:42vw;height:42vw;max-width:500px;max-height:500px;top:28%;left:33%;background:radial-gradient(circle at 50% 50%,rgba(230,160,120,.55),rgba(238,200,175,.22) 48%,transparent 68%);animation:fadeIn 1s ease .6s forwards,drift3 8s ease-in-out 1.6s infinite}.orb-4{width:32vw;height:32vw;max-width:380px;max-height:380px;top:4%;right:6%;background:radial-gradient(circle at 45% 45%,rgba(255,210,150,.65),rgba(238,200,175,.28) 48%,transparent 68%);animation:fadeIn 1s ease .8s forwards,drift4 7s ease-in-out 1.8s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drift1{0%{transform:translate(0) scale(1);border-radius:60% 40% 55% 45%/55% 60% 40% 50%}20%{transform:translate(12vw,14vh) scale(1.12);border-radius:40% 60%/65% 35%}40%{transform:translate(6vw,28vh) scale(.92);border-radius:55% 45% 65% 35%/40% 60% 45% 55%}60%{transform:translate(-10vw,20vh) scale(1.08);border-radius:35% 65% 50% 50%/55% 45% 60% 40%}80%{transform:translate(-14vw,6vh) scale(1.15);border-radius:50% 50% 35% 65%/60% 40% 55% 45%}to{transform:translate(0) scale(1);border-radius:60% 40% 55% 45%/55% 60% 40% 50%}}@keyframes drift2{0%{transform:translate(0) scale(1);border-radius:45% 55% 60% 40%/60% 40% 55% 45%}20%{transform:translate(-14vw,-10vh) scale(1.1);border-radius:60% 40% 45% 55%/40% 60% 50% 50%}40%{transform:translate(-8vw,-24vh) scale(.88);border-radius:30% 70% 55% 45%/55% 45% 65% 35%}60%{transform:translate(10vw,-18vh) scale(1.14);border-radius:65% 35% 40% 60%/45% 55% 40% 60%}80%{transform:translate(16vw,-5vh) scale(.94);border-radius:50% 50% 60% 40%/35% 65% 45% 55%}to{transform:translate(0) scale(1);border-radius:45% 55% 60% 40%/60% 40% 55% 45%}}@keyframes drift3{0%{transform:translate(0) scale(1);border-radius:50% 50% 40% 60%/45% 55% 60% 40%}25%{transform:translate(-16vw,12vh) scale(1.18);border-radius:65% 35% 55% 45%/60% 40% 40% 60%}50%{transform:translate(-10vw,28vh) scale(.84);border-radius:40% 60% 65% 35%/50% 50% 35% 65%}75%{transform:translate(14vw,16vh) scale(1.12);border-radius:55% 45% 35% 65%/40% 60% 60% 40%}to{transform:translate(0) scale(1);border-radius:50% 50% 40% 60%/45% 55% 60% 40%}}@keyframes drift4{0%{transform:translate(0) scale(1);border-radius:55% 45% 50% 50%/50% 55% 45% 50%}33%{transform:translate(-18vw,16vh) scale(.86);border-radius:40% 60% 60% 40%/60% 40% 50% 50%}66%{transform:translate(-10vw,30vh) scale(1.2);border-radius:65% 35% 45% 55%/45% 55% 65% 35%}to{transform:translate(0) scale(1);border-radius:55% 45% 50% 50%/50% 55% 45% 50%}}.vcanvas-track{position:relative;z-index:1;display:flex;flex-direction:column;width:100vw;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none}.vcanvas-track:active{cursor:grabbing}.vcanvas-panel{width:100vw;height:100vh;height:100dvh;flex-shrink:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;position:relative;z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vcanvas-dots{position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.55rem;z-index:100}.vcanvas-dot{width:7px;height:7px;border-radius:50%;border:none;background:var(--dot-idle);cursor:pointer;padding:0;transition:background .3s,transform .3s}.vcanvas-dot--active{background:var(--dot-active);transform:scale(1.35)}.vcanvas-dot--has-more{transform:none;height:22px;border-radius:4px;transition:height .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1)}.vcanvas-dot:hover{background:var(--dot-hover)}.vcanvas-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;pointer-events:none;z-index:99;opacity:0;animation:fadeInHint .8s ease 2.5s forwards}.vhint-arrow{font-size:1rem;color:var(--hint-arrow);animation:bounceDown 1.5s ease-in-out 3.5s infinite;display:inline-block}.vhint-label{font-family:SF Mono,Fira Code,monospace;font-size:.7rem;letter-spacing:.14em;color:var(--hint-label)}@keyframes fadeInHint{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}[data-theme=light] .vcanvas-bg{filter:blur(70px) contrast(.95)}[data-theme=light] .orb-1{background:radial-gradient(circle at 40% 40%,rgba(255,190,130,.55),rgba(255,160,80,.3) 45%,transparent 70%)}[data-theme=light] .orb-2{background:radial-gradient(circle at 60% 55%,rgba(255,200,80,.45),rgba(255,180,100,.25) 45%,transparent 68%)}[data-theme=light] .orb-3{background:radial-gradient(circle at 50% 50%,rgba(255,160,110,.4),rgba(255,200,160,.18) 48%,transparent 68%)}[data-theme=light] .orb-4{background:radial-gradient(circle at 45% 45%,rgba(255,220,130,.5),rgba(255,200,140,.22) 48%,transparent 68%)}@media (max-width: 480px){.vcanvas-dots{right:.6rem}.vhint-label{font-size:.6rem}}html,body{height:100%;overflow:hidden;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Montserrat Alternates,monospace,sans-serif;background:var(--color-bg);color:var(--color-text);letter-spacing:.05em}.home-panel-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}body{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem}header,footer{width:100%;text-align:center;padding:1rem 0}.main{max-width:1200px;width:100%;padding:2rem;text-align:center}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0;opacity:0;animation:riseIn 1.2s cubic-bezier(.16,1,.3,1) 0s forwards}.profile-pic{display:block;border-radius:50%;width:150px;height:150px;object-fit:cover;border:2px solid rgba(238,200,175,.25);filter:saturate(75%) brightness(88%) sepia(15%);transition:filter .5s ease,border-color .5s ease,box-shadow .5s ease}.profile-pic:hover{filter:none;border-color:#eec8af80;box-shadow:0 0 20px #eec8af33}.header-text{display:flex;flex-direction:column;align-items:center;color:var(--color-heading);margin-top:2rem;text-align:center}.header-text p,.header-text span{margin:.5rem 0;opacity:0;transform:translateY(22px);filter:blur(10px);white-space:nowrap}.header-text p:nth-child(1){animation:riseIn 1s cubic-bezier(.16,1,.3,1) .3s forwards}.header-text span{animation:riseIn 1.1s cubic-bezier(.16,1,.3,1) .9s forwards}.header-text p:nth-child(3){animation:riseIn 1.1s cubic-bezier(.16,1,.3,1) 1.6s forwards;white-space:normal;max-width:100%}.header-text p:nth-child(4){animation:riseIn 1.1s cubic-bezier(.16,1,.3,1) 2.2s forwards;white-space:normal;max-width:100%}@keyframes riseIn{0%{opacity:0;transform:translateY(22px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.glow-filter{position:relative;display:inline-block;filter:drop-shadow(0 0 6px rgba(255,174,0,.9)) drop-shadow(0 0 20px rgba(238,200,175,.4));word-spacing:.05rem;font-size:2rem;animation:riseIn 1.1s cubic-bezier(.16,1,.3,1) .9s forwards,glowPulse 4s ease-in-out 2.5s infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,174,0,.9)) drop-shadow(0 0 20px rgba(238,200,175,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,200,80,1)) drop-shadow(0 0 35px rgba(238,200,175,.7))}}body{overflow:auto;position:relative}.social-links{margin:2.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center;-ms-flex-align:center;opacity:0;animation:riseIn 1s cubic-bezier(.16,1,.3,1) 3s forwards}.social-links a{display:inline-block;margin:10px;position:relative}.social-icon{width:36px;height:36px;color:var(--color-accent);opacity:.7;transition:color .3s ease,transform .3s ease,opacity .3s ease;display:block}.social-links a:hover .social-icon{opacity:1;transform:scale(1.15)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (max-width: 480px){body{font-size:.7rem}.header-text p{font-size:.7rem;text-align:center}.header-text span{text-align:center;font-size:1rem}.profile-pic{width:80px;height:80px}}.modal-content-container{overflow-y:scroll}.about-me-container{display:flex;align-items:center;min-height:100%;overflow-y:auto}.section-container{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;padding:0;margin:0}.section-container>.header,.paragraph{text-align:left;width:90%;margin:1% 5%;padding:0 3rem}.paragraph,.timeline-box,.experience-paragraph{color:var(--color-muted);font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:.95rem;line-height:1.7;font-weight:300;letter-spacing:.01em}.section-container>.header h3{font-family:var(--font-mono, "SF Mono", monospace);letter-spacing:.12em;font-size:.8rem;font-weight:500}.experience-title{font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:.01em}.paragraph a{color:var(--color-link);filter:drop-shadow(0 0 2px #ffae00);text-decoration:none}.section-row-container{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;width:90%;margin:1% 5%;padding:0 3rem}.timeline-box{display:contents;padding-top:0}.timeline-box *{word-wrap:none;min-width:100px;width:15%;padding-top:0;flex-shrink:0}.experience-container{padding:0!important;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.experience-title{font-weight:700}.experience-container div{padding:0 0 .5rem;margin:0;min-width:100%}.experience-paragraph p{word-wrap:normal;overflow-wrap:anywhere}@media (max-width: 480px){.section-container>.header,.paragraph{text-align:left;width:98%;margin:3% 1%;padding:0 1rem}.paragraph,.timeline-box,.experience-paragraph{color:#bea4a4;font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:.85rem}.section-row-container{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;width:98%;margin:3% 1%;padding:0 1rem}.timeline-box *{word-wrap:none;min-width:fit-content}}.divider{height:4rem}.screenshot-box{min-width:20rem;min-height:8rem;width:25%;height:20%;max-height:15rem;padding-top:0;flex-shrink:0;margin-right:2rem;overflow:hidden;border-radius:14px;box-shadow:0 4px 24px #0006,0 0 0 1px #eec8af14}.screenshot-box img{width:100%;height:100%;object-fit:cover;border-radius:14px;transition:transform .4s ease,opacity .4s ease}.screenshot-box:hover img{transform:scale(1.03);opacity:.9}.skill-tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;text-wrap:nowrap}.skill-tabs p{font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);font-size:.7rem;word-wrap:none;overflow-wrap:anywhere;margin-right:.6rem;margin-top:.5rem;height:auto;padding:.2rem .6rem;border-radius:.4rem;color:#eec8afd9;background:rgba(134,126,121,.25);border:1px solid rgba(238,200,175,.12);letter-spacing:.04em}[data-theme=light] .skill-tabs p{color:#7a3a18;background:rgba(120,60,20,.1);border:1px solid rgba(120,60,20,.2)}.project-link{color:#e0d3cf;filter:drop-shadow(0 0 2px #ffae00);text-decoration:none}[data-theme=light] .project-link{color:#7a3a18;filter:none}[data-theme=light] .project-link:hover{color:#4a1e08;filter:none}.project-name{color:#d7b9a2}.project-link:hover{color:#d7b9a2;filter:none}.github-text{font-size:small}@media (max-width: 480px){.screenshot-box{min-width:20rem;min-height:8rem;width:90%;height:60%;padding-top:0;flex-shrink:0;margin-right:2rem;margin-bottom:1rem;overflow:hidden}.screenshot-box img{width:100%;height:100%;object-fit:cover}}footer{padding:1rem 0;flex-shrink:0}footer p{font-size:.6rem;color:#888;text-align:center}.music-btn{position:fixed;top:1.2rem;right:1.4rem;z-index:1000;background:transparent;border:none;padding:0;cursor:pointer;outline:none;color:#f5c842;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,opacity .25s ease;opacity:.85}.music-btn:hover{opacity:1;transform:scale(1.1)}.music-icon{width:100%;height:100%;overflow:visible}@media (max-width: 768px){.music-btn{top:auto;bottom:4.8rem;right:1.2rem;width:38px;height:38px}}.music-btn.playing .music-icon{filter:drop-shadow(0 0 5px rgba(245,200,66,.75))}.theme-btn{position:fixed;top:4.2rem;right:1.4rem;z-index:1000;background:transparent;border:none;padding:0;cursor:pointer;outline:none;color:#f5c842;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,opacity .25s ease;opacity:.75}.theme-btn:hover{opacity:1;transform:scale(1.1)}.theme-icon{width:100%;height:100%}@media (max-width: 768px){.theme-btn{top:auto;bottom:1.2rem;right:1.2rem;width:38px;height:38px}}.theme-btn:not(.light) .sun-icon{opacity:1;transition:opacity .35s ease}.theme-btn:not(.light) .moon-icon{opacity:0;transition:opacity .35s ease}.theme-btn.light .sun-icon{opacity:0;transition:opacity .35s ease}.theme-btn.light .moon-icon{opacity:1;transition:opacity .35s ease}.theme-btn.light{color:#8b4f20;opacity:.8}.theme-btn.light:hover{opacity:1}.theme-btn:not(.light) .sun-icon{animation:slowSpin 18s linear infinite;transform-origin:18px 18px}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-btn.light .moon-icon path{animation:moonPulse 3s ease-in-out infinite}.theme-btn.light .moon-icon polygon{animation:twinkle 1.6s ease-in-out .6s infinite}@keyframes moonPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.2}}.side-panel-wrapper{display:flex;flex-direction:column;width:100%;height:100%;background:#0f0101}.side-panel-label{flex-shrink:0;padding:1rem 2rem .5rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#eec8af73;border-bottom:1px solid rgba(238,200,175,.08)}:root{--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-body: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #000000;--color-text: #c8c2bd;--color-muted: rgb(190, 164, 164);--color-accent: rgba(238, 200, 175, .85);--color-heading: #eedee0;--color-link: rgb(224, 211, 207);--dot-idle: rgba(238, 200, 175, .25);--dot-active: rgba(238, 200, 175, .9);--dot-hover: rgba(238, 200, 175, .6);--hint-arrow: rgba(238, 200, 175, .6);--hint-label: rgba(238, 200, 175, .45)}[data-theme=light]{--color-bg: #f5ede3;--color-text: #2e1f16;--color-muted: #6b4a3e;--color-accent: rgba(160, 90, 40, .9);--color-heading: #1a0e08;--color-link: #7a3e20;--dot-idle: rgba(80, 45, 20, .2);--dot-active: rgba(80, 45, 20, .85);--dot-hover: rgba(80, 45, 20, .5);--hint-arrow: rgba(80, 45, 20, .5);--hint-label: rgba(80, 45, 20, .4)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;margin:0;padding:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{height:100%;overflow:hidden;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Montserrat Alternates,monospace,sans-serif;background:var(--color-bg);color:var(--color-text);letter-spacing:.05em;transition:background .4s ease,color .4s ease}