*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:none!important}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;cursor:none}a,button,[role=button],input[type=submit],select,.navbar-link,.section-indicator-dot{cursor:none}.custom-cursor{position:fixed;top:-16px;left:-16px;z-index:99999;pointer-events:none;will-change:transform,filter;mix-blend-mode:difference}body{min-height:100vh;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:#ffffff26;color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.05;letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-background);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.loader-wrapper.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-progress-track{width:200px;height:1px;background:var(--color-border);position:relative;overflow:hidden}.loader-progress-bar{height:100%;background:var(--color-text);transition:width .3s ease}.loader-text{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);margin-top:1.5rem;letter-spacing:.1em}.loader-name{font-family:var(--font-heading);font-size:clamp(1rem,2vw,1.25rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);margin-bottom:3rem;opacity:0;animation:fadeInUp .8s ease forwards}.three-canvas-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.three-canvas-wrapper canvas{pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;pointer-events:none}.navbar>*{pointer-events:auto}.navbar-logo{font-family:var(--font-heading);font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:opacity .3s ease}.navbar-logo:hover{opacity:.7}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .3s ease;opacity:.6}.navbar-link:hover,.navbar-link.active{opacity:1}.resume-button{position:fixed;bottom:2.5rem;right:2.5rem;z-index:100;display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);cursor:pointer;transition:opacity .3s ease;opacity:.6;mix-blend-mode:difference;text-decoration:none;background:none;border:none;padding:0;margin:0}.resume-button:hover{opacity:1}.section-indicator{position:fixed;right:2.5rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1rem;mix-blend-mode:difference}.section-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text);opacity:.2;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.section-dot.active{opacity:1;transform:scale(1.5)}.section-dot:hover{opacity:.6}.content-wrapper{position:relative;z-index:1}.section{min-height:100vh;padding:8rem 2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);transition:width 1.2s cubic-bezier(.16,1,.3,1)}.section.line-visible:before{width:min(80%,600px)}.section-inner{width:100%;max-width:1100px}.section-header{text-align:center;margin-bottom:4rem}.section-number{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:.2em;margin-bottom:1rem;display:inline-block;position:relative}.section-number:before,.section-number:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:var(--color-border-light)}.section-number:before{right:calc(100% + 12px)}.section-number:after{left:calc(100% + 12px)}.section-title{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:0;color:var(--color-text);letter-spacing:-.02em}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2.5rem;position:relative}.hero-greeting{font-family:var(--font-mono);font-size:clamp(.75rem,1.2vw,.9rem);color:var(--color-text-secondary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeIn 1s ease .5s forwards}.hero-name{font-size:clamp(3rem,10vw,9rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--color-text);margin-bottom:.5rem}.hero-name-line{display:block;overflow:hidden}.hero-name-text{display:inline-block;transform:translateY(105%);animation:slideUp 1.2s cubic-bezier(.16,1,.3,1) forwards}.hero-name-line:nth-child(2) .hero-name-text{animation-delay:.2s}.hero-line-accent{width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-text-secondary),transparent);margin:2rem auto;animation:expandLine 1.5s cubic-bezier(.16,1,.3,1) .6s forwards}.hero-subtitle{font-family:var(--font-body);font-size:clamp(.8rem,1.3vw,1.1rem);font-weight:300;color:var(--color-text-secondary);letter-spacing:.08em;opacity:0;animation:fadeInUp 1s ease .8s forwards}.hero-description{font-size:clamp(.8rem,1vw,.95rem);font-weight:300;color:var(--color-text-muted);max-width:550px;margin:1.5rem auto 0;line-height:1.8;opacity:0;animation:fadeInUp 1s ease 1s forwards}.hero-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.hero-scroll-line{width:50px;height:1px;background:var(--color-border-light);position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--color-text);animation:scrollLine 2.5s ease-in-out infinite}.hero-scroll-text{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:start;width:100%;max-width:1100px;text-align:left}.about-bio p{font-size:clamp(.9rem,1.2vw,1.1rem);color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem;font-weight:300}.about-highlights{display:flex;flex-direction:column;gap:2rem;padding-top:.5rem}.about-highlight-item{padding:1.5rem 2rem;text-align:center}.about-highlight-value{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text);line-height:1;position:relative;z-index:1}.about-highlight-label{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;position:relative;z-index:1}.experience-list{width:100%;max-width:1100px;text-align:left}.experience-item{padding:2.5rem 0;margin-bottom:0;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start;border-bottom:1px solid var(--color-border)}.experience-item:first-child{border-top:1px solid var(--color-border)}.experience-meta{display:flex;flex-direction:column;gap:.25rem}.experience-company{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text)}.experience-role{font-size:.875rem;color:var(--color-text-secondary);font-weight:400}.experience-period{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:.1em;margin-top:.5rem}.experience-body{padding:1.75rem 2rem}.experience-body p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.8;font-weight:300;margin-bottom:1rem;position:relative;z-index:1}.experience-tech{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}.experience-tech-tag{font-family:var(--font-mono);font-size:.65rem;padding:.35rem .75rem;border:1px solid var(--color-border-light);border-radius:2px;color:var(--color-text-secondary);letter-spacing:.05em;transition:border-color .3s ease,color .3s ease;position:relative;z-index:1}.experience-tech-tag:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.education-list{width:100%;max-width:1100px;text-align:left}.education-item{padding:2.5rem 0;margin-bottom:0;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start;border-bottom:1px solid var(--color-border)}.education-item:first-child{border-top:1px solid var(--color-border)}.education-details{padding:1.75rem 2rem}.education-institution{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;color:var(--color-text)}.education-period{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);letter-spacing:.1em;margin-top:.5rem}.education-degree{font-size:.95rem;color:var(--color-text-secondary);font-weight:400;position:relative;z-index:1}.education-result{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);margin-top:.35rem;letter-spacing:.05em;position:relative;z-index:1}.education-location{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem;position:relative;z-index:1}.experience-location{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.05em;display:block;margin-top:.25rem}.education-notes{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);margin-top:.5rem;line-height:1.6;letter-spacing:.02em;position:relative;z-index:1}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;max-width:1100px}.achievements-card{padding:2rem 2rem 2rem 2.5rem;min-height:140px;display:flex;flex-direction:column;justify-content:center}.achievements-card-index{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.15em;margin-bottom:.75rem;position:relative;z-index:1}.achievements-card-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.8;font-weight:300;transition:color .3s ease;position:relative;z-index:1}.achievements-card:hover .achievements-card-text{color:var(--color-text)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%;max-width:1100px;text-align:left}.skills-category{padding:2rem}.skills-category-name{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.skills-items{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}.skills-item{font-family:var(--font-mono);font-size:.7rem;padding:.4rem .8rem;background:var(--color-background-alt);border-radius:2px;color:var(--color-text-secondary);letter-spacing:.03em;transition:background .3s ease,color .3s ease}.skills-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-description{font-size:clamp(.9rem,1.2vw,1.1rem);color:var(--color-text-secondary);max-width:550px;line-height:1.8;font-weight:300;margin-bottom:3rem}.contact-email{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;color:var(--color-text);transition:opacity .3s ease;display:inline-block;margin-bottom:3rem;border-bottom:1px solid var(--color-border-light);padding-bottom:.25rem}.contact-email:hover{opacity:.7}.contact-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:700px}.contact-social-link{width:300px;padding:1rem 1.25rem}.contact-social-link-inner{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;color:inherit;text-decoration:none}.contact-social-platform{font-family:var(--font-heading);font-size:.9rem;font-weight:500;letter-spacing:.05em;position:relative;z-index:1}.contact-social-handle{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);position:relative;z-index:1}.contact-social-arrow{font-size:1rem;color:var(--color-text-muted);transition:transform .3s ease;position:relative;z-index:1}.contact-social-link:hover .contact-social-arrow{transform:translate(4px)}.footer{padding:3rem 2.5rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;z-index:1;text-align:center}.footer-text{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);letter-spacing:.1em}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes slideUp{to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollLine{0%{left:-100%}50%{left:0}to{left:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expandLine{0%{width:0}to{width:min(60%,300px)}}.liquid-card{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--color-border);background:#111;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.liquid-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--lq-angle, -45deg),#111 0%,#1a1a1a 20%,#141414 40%,#1d1d1d 60%,#131313 80%,#191919 100%);background-size:400% 400%;animation:liquidSlow var(--lq-duration, 20s) ease infinite;animation-delay:var(--lq-delay, 0s);pointer-events:none}.liquid-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, var(--lq-gx, 50%)) var(--mouse-y, var(--lq-gy, 50%)),rgba(255,255,255,.03) 0%,transparent 50%);opacity:1;transition:opacity .6s ease;pointer-events:none}.liquid-card.liquid-hover .liquid-card-bg{animation-duration:calc(var(--lq-duration, 20s) * .5)}.liquid-card.liquid-hover .liquid-card-glow{background:radial-gradient(500px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 30%,transparent 60%)}.liquid-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000080,0 0 80px #ffffff04;border-color:var(--color-border-light)}.liquid-card-content{position:relative;z-index:2}@keyframes liquidSlow{0%{background-position:0% 50%}33%{background-position:100% 30%}66%{background-position:50% 80%}to{background-position:0% 50%}}@media (max-width: 768px){.navbar{padding:1.25rem 1.5rem}.navbar-links{display:none}.section{padding:6rem 1.5rem}.hero{padding:0 1.5rem}.hero-scroll-indicator{bottom:2rem}.about-content{grid-template-columns:1fr;gap:3rem}.about-highlights{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.about-highlight-item{flex:1;min-width:120px}.experience-item,.education-item{grid-template-columns:1fr;gap:1rem}.achievements-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.section-indicator{display:none}.contact-social-link{max-width:100%}.footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem 1.5rem}}@media (max-width: 480px){.hero-name{font-size:clamp(2.5rem,15vw,4rem)}.section-title{font-size:clamp(2rem,10vw,3rem)}.about-highlights{flex-direction:column}}
