@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,html,body{margin:0;padding:0;box-sizing:border-box;height:100%;width:100%;overflow:hidden;touch-action:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif}button{font-family:inherit}@font-face{font-family:Halimun;src:url(/fonts/HalimunRegular.woff2) format("woff2"),url(/fonts/HalimunRegular.woff) format("woff")}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#247ba0,#3a4c6c);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;font-family:Halimun,Plus Jakarta Sans,sans-serif;cursor:none;transition:opacity 1s ease}.loading-screen.fade-out{animation:fadeOut .5s ease-in forwards}.custom-cursor{position:fixed;pointer-events:none;color:#fff;font-size:1.2rem;font-weight:600;transform:translate(-50%,-50%);animation:blink 1.2s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.4}}.welcome-text{font-size:2rem;font-weight:600;animation:fadeIn 1s ease-in;align-items:center}.welcome-text.fade-out{animation:fadeOut .5s ease-in forwards}.welcome-text p{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:400;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.side-panel{position:absolute;top:0;right:0;width:100%;max-width:796px;height:100vh;background-color:#161925;z-index:100;color:#fff}@media (max-width: 768px){.side-panel{position:absolute;top:auto;bottom:0;right:0;width:100%;height:100%;z-index:100}}.side-panel-wrapper{height:100%;width:100%;position:relative}.side-panel-close-button{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);z-index:10000;height:72px;width:72px;color:#161925;border:none;outline:none;padding:none;display:flex;justify-content:center;align-items:center;background-color:#fff;transition:all .4s;border:2px solid white;border-radius:25%}@media (max-width: 768px){.side-panel-close-button{top:auto;left:auto;right:-4px;bottom:-4px}}.side-panel-close-button:hover{cursor:pointer;color:#fff;background-color:#080808}.side-panel-close-button.light{background-color:#060606;color:#fff;border:2px solid #060606;border-radius:50%}.side-panel-close-button.light:hover{color:#080808;background-color:#fff}.side-panel-wrapper{height:100%;overflow:hidden;position:relative}@font-face{font-family:Halimun;src:url(/fonts/HalimunRegular.woff2) format("woff2"),url(/fonts/HalimunRegular.woff) format("woff")}@font-face{font-family:Teachers;src:url(/fonts/Teachers-Regular.woff2) format("woff2"),url(/fonts/Teachers-Regular.woff) format("woff")}.about{background:linear-gradient(135deg,#0f111a,#1a1d2b);color:#fff;padding:2.5rem 2rem;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;flex-direction:column;position:relative;line-height:1.6}.about-heading{position:absolute;top:1.5rem;right:2rem;font-size:1.1rem;font-family:Halimun,serif;font-style:italic;color:#b9e6ff;letter-spacing:.5px}.about-heading:after{content:"";display:inline-block;width:70px;height:1px;background:#b9e6ff;margin-left:.6rem;vertical-align:middle;opacity:.7}.about-content{margin-top:6rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.about-intro{flex:1;text-align:center}.about-intro .about-star{font-size:1.8rem;display:block;margin-bottom:1.5rem;color:#b9e6ff;animation:pulse 2s infinite}.about-intro h1{font-size:2.7rem;margin:0;font-weight:400;font-family:Teachers,cursive}.about-intro h1 .hello{font-family:Halimun,cursive;font-size:3.2rem;margin-right:.1rem;display:inline-block}.about-intro h2{font-family:Teachers,serif;font-size:3.2rem;margin-top:.5rem;font-weight:700}.about-image{flex:1;display:flex;justify-content:center}.about-image img{width:100%;max-width:380px;border-radius:1.2rem;object-fit:cover;box-shadow:0 8px 24px #00000059;transition:transform .3s ease}.about-image img:hover{transform:scale(1.03)}.about-me{margin-top:4rem;max-width:720px;margin-left:auto;margin-right:auto;text-align:center}.about-me span{font-weight:600;color:#f0a500}.about-me h3{font-family:Teachers,sans-serif;margin-bottom:1rem;font-size:1.4rem;font-weight:500}.about-me p{font-size:1rem;margin-bottom:1rem;color:#ddd}.exploring{margin-top:3rem;max-width:720px;margin-left:auto;margin-right:auto}.exploring .exploring-text{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#b9e6ff;text-align:center}.exploring ul{list-style:disc;padding-left:1.5rem;line-height:1.8}.exploring ul li{margin-bottom:.6rem}.exploring ul li a{color:#b9e6ff;text-decoration:none;transition:color .2s ease}.exploring ul li a:hover{color:#b9e6ff}.divider{margin-top:2rem;margin-left:auto;margin-right:auto;width:80%;height:1px;background-color:#444;border:none}.credits{margin-top:3rem;max-width:720px;margin-left:auto;margin-right:auto}.credits h1{font-size:1.5rem;font-weight:600;color:#b9e6ff;margin-bottom:1rem;text-align:center}.credits ul{list-style:none;padding-left:0}.credits ul li{margin-bottom:.6rem;font-size:1rem;color:#ddd}.credits ul li a{color:#b9e6ff;text-decoration:none}.credits ul li a:hover{text-decoration:underline}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.about-content{flex-direction:column;text-align:center}.about-image{margin-top:2rem}.about-heading{position:static;text-align:center;margin-bottom:2rem}.about-heading:after{display:none}.about-intro h1{font-size:2.2rem}.about-intro h2{font-size:2.5rem}}@font-face{font-family:Halimun;src:url(/fonts/HalimunRegular.woff2) format("woff2"),url(/fonts/HalimunRegular.woff) format("woff")}.contact-section{background:linear-gradient(135deg,#0f111a,#1a1d2b);color:#fff;padding:2.5rem 2rem;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;flex-direction:column;position:relative;line-height:1.6}.contact-header{position:absolute;top:1.5rem;right:2rem;font-size:1.1rem;font-family:Halimun,serif;font-style:italic;color:#b9e6ff;letter-spacing:.5px}.contact-header:after{content:"";display:inline-block;width:70px;height:1px;background:#b9e6ff;margin-left:.6rem;vertical-align:middle;opacity:.7}.contact-content{margin:auto;text-align:center;max-width:600px}.contact-content h1{font-size:2rem;margin-bottom:1rem;font-weight:600;color:#fff}.contact-content p{font-size:1rem;margin-bottom:2rem}.contact-content a{color:#b9e6ff;text-decoration:none;transition:color .2s ease}.contact-content a:hover{color:#7cc9ff}.contact-links{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.contact-links a{font-size:1.1rem;font-weight:500;text-transform:lowercase;color:#b9e6ff;position:relative;transition:all .3s ease}.contact-links a:before{content:"";position:absolute;top:-6px;right:-10px;bottom:-6px;left:-10px;border-radius:8px;background:radial-gradient(circle at center,rgba(185,230,255,.25),transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.contact-links a:hover:before{opacity:1}.contact-links a:hover{color:#7cc9ff;text-shadow:0 0 8px rgba(185,230,255,.7)}@media (max-width: 768px){.contact-header{position:static;text-align:center;margin-bottom:2rem}.contact-header:after{display:none}}@font-face{font-family:Halimun;src:url(/fonts/HalimunRegular.woff2) format("woff2"),url(/fonts/HalimunRegular.woff) format("woff")}@font-face{font-family:Teachers;src:url(/fonts/Teachers-Regular.woff2) format("woff2"),url(/fonts/Teachers-Regular.woff) format("woff")}.projects-section{background:linear-gradient(135deg,#0f111a,#1a1d2b);color:#fff;padding:3rem 2rem;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}.projects-header{font-size:2rem;font-family:Halimun,serif;font-style:italic;color:#b9e6ff;text-align:center;margin-bottom:3rem;position:relative}.projects-header:after{content:"";display:block;width:80px;height:1px;background:#b9e6ff;margin:.5rem auto 0;opacity:.7}.projects-list{display:flex;flex-direction:column;gap:2rem}.project-card{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff08;border-radius:1rem;box-shadow:0 4px 14px #0006;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #b9e6ff40}.project-logo{width:70px;height:70px;border-radius:.5rem;object-fit:cover}.project-info h3{font-size:1.25rem;margin:0;font-family:Teachers,cursive;font-weight:600;color:#fff}.project-info p{margin:.5rem 0 1rem;font-size:.95rem;color:#ccc}.project-links{display:flex;gap:1rem}.project-link{font-size:.9rem;color:#b9e6ff;border-bottom:1px solid transparent;transition:all .3s ease}.project-link:hover{color:#7cc9ff;border-bottom:1px solid #7cc9ff}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;padding:0;list-style:none}.project-tech li{background:#b9e6ff1a;color:#b9e6ff;font-size:.8rem;padding:.35rem .75rem;border-radius:.5rem;border:1px solid rgba(185,230,255,.2);transition:background .3s ease,color .3s ease}.project-tech li:hover{background:#b9e6ff33;color:#fff}.music-button{position:fixed;top:20px;left:40px;height:64px;width:64px;display:flex;align-items:center;justify-content:center;background-color:#247ba0;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;z-index:1000;font-size:24px;transition:all .3s;border:none}.music-button:hover{background-color:#247ba0;color:#fff;box-shadow:0 8px 16px #16192540;border:2px solid #247BA0}.music-button:active{transform:scale(.98);box-shadow:0 2px 4px #247ba0}.music-button svg{margin:0;width:50%;height:50%}