*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;overflow-x:hidden}#root{height:100%;width:100%;overflow:auto}.root{background:radial-gradient(#1e1e1f,#000);display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.header{width:100%;display:flex;gap:clamp(12px,2vw,24px);justify-content:center;padding:clamp(10px,2vh,20px) 0;z-index:1000}.header a{text-decoration:none}.header .MuiTypography-root{font-size:clamp(20px,2.5vw,18px);color:#fff;margin-top:clamp(12px,2.5vh,22px);transition:color .3s ease}.header .active-link .MuiTypography-root{color:#edd877!important}.content{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:clamp(20px,4vw,40px) clamp(12px,3vw,24px)!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;min-height:calc(100vh - 80px)!important}.homeContent{display:flex;flex-direction:column;gap:clamp(20px,4vh,40px);align-items:center;margin-top:clamp(10px,2vh,20px);width:100%}.intro-text{font-size:clamp(24px,4vw,36px)!important;margin-bottom:clamp(10px,2vh,20px)}.homeContent .MuiTypography-root{font-size:clamp(16px,2.5vw,20px)}.aboutBox{display:flex;flex-direction:row;gap:60px;align-items:flex-start;width:100%;max-width:1200px;padding:40px 0}.profile-container{width:350px;flex-shrink:0;border-radius:26px;padding:15px;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #efe4701a;transition:all .3s ease}.profile-container:hover{background:#ffffff26!important;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #eee58033;transform:translateY(-5px)}.profilePic{border-radius:26px;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.about-content{flex:1;display:flex;flex-direction:column;min-width:0}.about-text{font-size:1.1rem!important;line-height:1.8!important;letter-spacing:.3px}.technologies-section{display:flex;flex-direction:column;gap:32px}.tech-header{display:flex;align-items:center;gap:5px;font-size:1.2rem!important;font-weight:500!important}.tech-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px!important;width:100%!important;margin-top:24px!important}.tech-column{display:flex!important;flex-direction:column!important;gap:20px!important}.tech-item{display:flex!important;align-items:center!important;gap:12px!important;color:#a9a9a9!important;font-size:1rem!important;transition:transform .2s ease!important;white-space:nowrap!important}.tech-item:hover{transform:translate(8px)!important;color:#edd877!important}.tech-arrow{color:#666!important;font-size:1.6rem!important}.homeBox{display:flex;gap:clamp(30px,5vw,60px);align-items:center;margin-top:clamp(20px,4vh,40px);text-align:left;width:100%}.icons{display:flex;gap:clamp(16px,3vw,32px);justify-content:center;padding:clamp(15px,2.5vh,25px) 0;flex-wrap:wrap}.icons svg{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.spotify:hover,.twitter:hover,.github:hover,.linkedIn:hover,.email:hover{border-radius:50px!important;background-color:#0a1400!important;transition:all .3s ease-in-out!important}.spotify:hover{box-shadow:0 0 .8em #4e9f17b3!important}.twitter:hover{box-shadow:0 0 .8em #2e70b3b3!important}.github:hover{box-shadow:0 0 .8em #d0e0f1b3!important}.linkedIn:hover{box-shadow:0 0 .8em #1d37abb3!important}.email:hover{box-shadow:0 0 .8em #ab1d1db3!important}@media (max-width: 1024px){.content{padding:0 5%}}@media (max-width: 768px){.aboutBox,.homeBox{flex-direction:column;text-align:center}.mobileView{justify-content:center}.tech-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important}.tech-column{gap:16px!important}.tech-item{font-size:.9rem!important}}@media (max-width: 480px){.icons{margin-top:clamp(20px,4vh,30px)}.aboutBox .MuiTypography-root,.homeContent .MuiTypography-root{font-size:clamp(12px,3vw,14px)}.mobileView{display:flex;flex-direction:column;align-items:center;gap:10px}.tech-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.tech-column{align-items:center}.tech-item{font-size:.8rem!important}.tech-arrow{font-size:1rem!important}.header .MuiTypography-root{font-size:clamp(14px,2.5vw,12px);margin-top:clamp(12px,2.5vh,22px)}}@media (max-width: 900px){.aboutBox{flex-direction:column;align-items:center;gap:48px;padding:20px 0}.profile-container{width:280px}.about-content{text-align:center}.tech-header{justify-content:center;gap:0}}@media (max-width: 600px){.content{padding:16px 8px!important}.about-text{font-size:1rem!important}.tech-item{font-size:.85rem!important}.aboutBox{padding:10px 0}.profile-container{width:240px}.tech-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.tech-column{gap:12px!important}}#fractal-tree{padding-bottom:20px}#fractal-tree .p5Canvas{width:250px!important;height:100%!important}@media only screen and (max-width: 600px){#fractal-tree .p5Canvas{width:150px!important;height:100%!important}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 2s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}#galaxy{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.template{opacity:.8;fill:gold;filter:drop-shadow(0 0 1px rgba(255,215,0,.5))}.twinkle{animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(.8)}}.twinkle:nth-child(2n){animation-duration:4s}.twinkle:nth-child(3n){animation-duration:5s}.twinkle:nth-child(5n){animation-duration:6s}.projects-container{width:100%!important;max-width:1200px!important}.projects-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:24px!important;padding:16px!important}.project-card{position:relative!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:24px!important;height:100%!important;display:flex!important;flex-direction:column!important;transition:all .3s ease-in-out!important;box-shadow:0 4px 24px -1px #0003 ! important,0 0 16px -1px #ffffff0d inset!important;cursor:pointer!important;transform-style:preserve-3d!important;perspective:1000px!important}.project-card:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%)!important;border-radius:15px!important;z-index:1!important;opacity:0!important;transition:opacity .3s ease-in-out!important}.project-card:hover:before{opacity:1!important}.project-card:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:40px!important;background:linear-gradient(180deg,#ffffff14,#fff0)!important;border-radius:15px 15px 0 0!important;pointer-events:none!important}.project-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 8px 32px -4px #0000004d ! important,0 0 16px -1px #ffffff12 inset!important;border-color:#fff3!important}.project-image{aspect-ratio:16 / 9;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;height:100%!important;gap:16px!important}.project-title{font-size:clamp(18px,2vw,22px)!important;font-weight:500!important;color:#edd877!important;margin:0!important;line-height:1.3!important;transition:transform .3s ease!important}.project-card:hover .project-title{transform:translate(8px)!important}.project-description{font-size:clamp(14px,1.6vw,16px)!important;color:#cdcdcd!important;line-height:1.6!important;flex-grow:1!important;margin:0!important;transition:opacity .3s ease!important}.project-card:hover .project-description{opacity:.9!important}.project-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:auto!important;transition:transform .3s ease!important}.project-tag{font-size:12px!important;color:#edd877cc!important;background:#edd8771a!important;padding:4px 8px!important;border-radius:12px!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;transition:all .3s ease!important}.project-card:hover .project-tag{background:#edd87726!important;transform:scale(1.05)!important}.project-links{display:flex!important;gap:16px!important;margin-top:16px!important;transition:transform .3s ease!important}.project-link{display:flex!important;align-items:center!important;gap:8px!important;color:#cdcdcd!important;text-decoration:none!important;font-size:14px!important;transition:all .3s ease!important;padding:6px 12px!important;border-radius:8px!important}.project-link:hover{color:#edd877!important;background:#edd8771a!important;transform:translateY(-2px)!important}@property --mouse-x{syntax: "<percentage>"; initial-value: 50%; inherits: false;}@property --mouse-y{syntax: "<percentage>"; initial-value: 50%; inherits: false;}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:16px!important;padding:12px!important}.project-card{padding:20px!important}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr!important;gap:16px!important;padding:8px!important}.project-card{padding:16px!important}.project-title{font-size:18px!important}.project-description{font-size:14px!important}}.card-glass{position:relative!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:15px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:clamp(16px,3vw,24px)!important;box-shadow:0 4px 24px -1px #0003 ! important,0 0 16px -1px #ffffff0d inset!important;margin:clamp(8px,1.5vw,16px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important;height:min(600px,80vh)!important}.content-wrapper{flex:1!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;margin-bottom:16px!important;padding-right:12px!important;min-height:0!important}.company-info{flex-shrink:0!important;margin-bottom:24px!important}.work-content-container{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:min-content!important}.content-wrapper::-webkit-scrollbar{width:4px!important}.content-wrapper::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:2px!important}.content-wrapper::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:2px!important}.content-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40!important}.company-name{font-size:clamp(18px,2.5vw,24px)!important;font-weight:500!important;line-height:1.3!important}.company-location{font-size:clamp(13px,1.8vw,16px)!important;font-weight:400!important;text-align:right!important;line-height:1.4!important}.role-date{font-size:clamp(13px,1.8vw,16px)!important;font-weight:400!important;font-style:italic!important;line-height:1.4!important}.work-content{font-size:clamp(13px,1.8vw,16px)!important;line-height:1.6!important;padding-left:12px!important;margin-bottom:12px!important}@media (max-width: 600px){.card-glass{height:min(600px,85vh)!important;margin:8px!important;padding:16px!important;background:#ffffff12!important}.company-info-grid{flex-direction:column!important;gap:4px!important;align-items:flex-start!important}.company-location{text-align:left!important}.work-content{padding-left:8px!important;margin-bottom:8px!important}.content-wrapper{padding-right:8px!important}}@media (max-width: 400px){.card-glass{padding:12px!important}}