@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--gold-primary: #9A8B4F;--gold-light: #C4B67B;--gold-dark: #6B5F37;--gold-accent: #D4C98A;--gold-glow: rgba(154, 139, 79, .4);--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-tertiary: #1A1A1A;--bg-card: #141414;--text-primary: #F5F5F0;--text-secondary: #A0A0A0;--text-muted: #666666;--gradient-gold: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-light) 50%, var(--gold-primary) 100%);--gradient-dark: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-radial: radial-gradient(ellipse at center, var(--bg-secondary) 0%, var(--bg-primary) 70%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--section-padding: clamp(80px, 15vh, 150px);--container-width: 1400px;--ease-smooth: cubic-bezier(.23, 1, .32, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-expo: cubic-bezier(.87, 0, .13, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;cursor:none}::selection{background:var(--gold-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}a{text-decoration:none;color:inherit;cursor:none}button{cursor:none;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto}.custom-cursor{position:fixed;width:8px;height:8px;background:var(--gold-primary);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-follower{position:fixed;width:40px;height:40px;border:1px solid var(--gold-primary);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:.5}@media(max-width:768px){.custom-cursor,.cursor-follower{display:none}body{cursor:auto}a,button{cursor:pointer}}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);z-index:10001;display:flex;align-items:center;justify-content:center}.loader-content{text-align:center}.loader-text{font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);font-weight:700;letter-spacing:.2em;margin-bottom:40px;overflow:hidden}.loader-letter{display:inline-block;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader-progress-container{width:300px;height:2px;background:var(--bg-tertiary);margin:0 auto 30px;overflow:hidden;border-radius:2px}.loader-progress{width:100%;height:100%;background:var(--gradient-gold);transform-origin:left;transform:scaleX(0)}.loader-counter{font-family:var(--font-mono);font-size:1.5rem;color:var(--gold-primary);margin-bottom:20px}.loader-tagline{font-size:.875rem;color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase}.loader-corner{position:absolute;width:50px;height:50px;border:1px solid var(--gold-dark)}.loader-corner.top-left{top:30px;left:30px;border-right:none;border-bottom:none}.loader-corner.top-right{top:30px;right:30px;border-left:none;border-bottom:none}.loader-corner.bottom-left{bottom:30px;left:30px;border-right:none;border-top:none}.loader-corner.bottom-right{bottom:30px;right:30px;border-left:none;border-top:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:linear-gradient(180deg,#0a0a0af2,#0a0a0a00);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.logo-text{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dot{width:8px;height:8px;background:var(--gold-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.nav-links{display:flex;align-items:center;gap:40px}.nav-link{position:relative;display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary);transition:color .3s var(--ease-smooth)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.link-number{font-family:var(--font-mono);font-size:.7rem;color:var(--gold-primary);opacity:0;transform:translate(-10px);transition:all .3s var(--ease-smooth)}.nav-link:hover .link-number,.nav-link.active .link-number{opacity:1;transform:translate(0)}.link-line{position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--gold-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-smooth)}.nav-link:hover .link-line,.nav-link.active .link-line{transform:scaleX(1);transform-origin:left}.nav-cta{position:relative;padding:12px 28px;background:transparent;border:1px solid var(--gold-primary);color:var(--gold-primary);font-size:.875rem;font-weight:500;letter-spacing:.1em;overflow:hidden;transition:all .4s var(--ease-smooth)}.nav-cta:hover{background:var(--gold-primary);color:var(--bg-primary)}.cta-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;background:var(--gold-glow);transform:translate(-50%,-50%) scale(0);border-radius:50%;filter:blur(20px);transition:transform .4s var(--ease-smooth);pointer-events:none}.nav-cta:hover .cta-glow{transform:translate(-50%,-50%) scale(1)}.menu-toggle{display:none;flex-direction:column;gap:6px;padding:10px}.menu-line{width:30px;height:2px;background:var(--gold-primary);transition:all .3s var(--ease-smooth)}.menu-open .menu-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-open .menu-line:nth-child(2){opacity:0}.menu-open .menu-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:right .5s var(--ease-expo);z-index:999}.mobile-nav.open{right:0}.mobile-nav-content{display:flex;flex-direction:column;gap:30px;text-align:center}.mobile-nav-link{font-family:var(--font-display);font-size:2rem;color:var(--text-secondary);transition:color .3s var(--ease-smooth)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--gold-primary)}.mobile-link-number{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--gold-dark);margin-bottom:5px}@media(max-width:968px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--gradient-radial)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:10}.particles-container{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;background:var(--gold-primary);border-radius:50%;opacity:.3}.grain-overlay{position:absolute;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.vignette{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,var(--bg-primary) 100%);pointer-events:none}.hero-content{position:relative;z-index:5;text-align:center;padding:0 20px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#9a8b4f1a;border:1px solid var(--gold-dark);border-radius:50px;margin-bottom:40px;font-size:.875rem;color:var(--gold-light);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,12vw,10rem);font-weight:700;line-height:1;letter-spacing:-.02em;margin-bottom:30px;perspective:1000px}.title-line{display:block;position:relative;perspective:1000px}.title-line .letter{display:inline-block;position:relative;transform-style:preserve-3d;transition:transform .3s ease,text-shadow .3s ease;cursor:default}.title-line .letter{animation:letterFloat 3s ease-in-out infinite,letterFlash 8s ease-in-out infinite;animation-delay:calc(var(--i) * .15s),calc(var(--i) * .5s + 2s)}@keyframes letterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes letterFlash{0%,to{filter:brightness(1);text-shadow:none}4%{filter:brightness(1.8);text-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(196,182,123,.5)}8%{filter:brightness(1);text-shadow:none}}.title-line .letter:hover{animation-play-state:paused;transform:translateY(-15px) scale(1.15) rotateY(15deg);text-shadow:0 20px 40px rgba(0,0,0,.3),0 0 60px rgba(196,182,123,.5)}.title-line.first-name .letter:hover{color:var(--gold-light)}.title-line.accent,.title-line.accent .letter{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-line.accent .letter:hover{-webkit-text-fill-color:transparent;filter:brightness(1.3) drop-shadow(0 0 30px rgba(196,182,123,.6))}.hero-line{width:150px;height:2px;background:var(--gradient-gold);margin:0 auto 30px}.hero-subtitle{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:clamp(.875rem,2vw,1.125rem);color:var(--text-secondary);margin-bottom:50px}.subtitle-role{position:relative}.subtitle-separator{color:var(--gold-primary);font-size:.5em}.hero-cta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.cta-primary{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:var(--gold-primary);color:var(--bg-primary);font-weight:600;font-size:1rem;overflow:hidden;transition:all .4s var(--ease-smooth)}.cta-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.cta-icon{display:flex;transition:transform .3s var(--ease-smooth)}.cta-icon svg{width:18px;height:18px}.cta-primary:hover .cta-icon{transform:translate(3px,-3px)}.cta-secondary{padding:18px 36px;border:1px solid var(--text-muted);color:var(--text-primary);font-weight:500;transition:all .3s var(--ease-smooth)}.cta-secondary:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:.75rem;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--gold-primary),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.corner-accent{position:absolute;width:80px;height:80px;border:1px solid var(--gold-dark);opacity:.3}.corner-accent.top-left{top:40px;left:40px;border-right:none;border-bottom:none}.corner-accent.top-right{top:40px;right:40px;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:40px;left:40px;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:40px;right:40px;border-left:none;border-top:none}section{position:relative;padding:var(--section-padding) 0;overflow:hidden}.section-header{margin-bottom:80px}.section-header.centered{text-align:center}.section-number{display:inline-block;font-family:var(--font-mono);font-size:.875rem;color:var(--gold-primary);margin-bottom:15px}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:20px}.title-reveal{display:inline-block;margin-right:15px}.title-accent{display:inline-block;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-line{width:80px;height:2px;background:var(--gradient-gold)}.section-header.centered .section-line{margin:0 auto}[class*=-bg-text]{position:absolute;font-family:var(--font-display);font-size:clamp(8rem,20vw,20rem);font-weight:700;color:var(--bg-tertiary);opacity:.3;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0}.about-bg-text{top:10%;right:-5%}.experience-bg-text{top:15%;left:-5%}.projects-bg-text{bottom:10%;right:-5%}.skills-bg-text{top:20%;left:-10%}.contact-bg-text{bottom:5%;left:-10%}.about{background:var(--bg-secondary)}.about-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.about-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px}.about-image-inner{position:relative;display:flex;align-items:center;justify-content:center}.profile-circle-container{position:relative;width:420px;height:420px;display:flex;align-items:center;justify-content:center}.profile-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(154,139,79,.4) 0%,rgba(154,139,79,.1) 40%,transparent 70%);border-radius:50%;filter:blur(30px);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.profile-ring{position:absolute;border-radius:50%;border:1px solid var(--gold-dark);opacity:.3}.profile-ring-1{width:100%;height:100%;animation:ringRotate 20s linear infinite}.profile-ring-2{width:110%;height:110%;animation:ringRotate 25s linear infinite reverse;border-style:dashed}.profile-ring-3{width:120%;height:120%;animation:ringRotate 30s linear infinite;opacity:.15}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-circle{position:relative;width:350px;height:350px;border-radius:50%;overflow:hidden;border:3px solid var(--gold-primary);box-shadow:0 0 40px #9a8b4f4d,0 0 80px #9a8b4f26,inset 0 0 30px #0000004d;z-index:2}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(20%) contrast(1.05);transition:all .5s var(--ease-smooth)}.profile-circle:hover .profile-image{filter:grayscale(0%) contrast(1.1);transform:scale(1.05)}.profile-particles{position:absolute;width:100%;height:100%;pointer-events:none}.profile-particles .particle{position:absolute;width:6px;height:6px;background:var(--gold-primary);border-radius:50%;top:50%;left:50%;opacity:.6;animation:particleOrbit 8s linear infinite;animation-delay:calc(var(--i) * -1s)}@keyframes particleOrbit{0%{transform:rotate(calc(var(--i) * 45deg)) translate(180px) rotate(calc(var(--i) * -45deg));opacity:.8}50%{opacity:.3}to{transform:rotate(calc(var(--i) * 45deg + 360deg)) translate(180px) rotate(calc(var(--i) * -45deg - 360deg));opacity:.8}}.floating-badge{position:absolute;bottom:30px;right:0;display:flex;align-items:center;gap:10px;padding:15px 25px;background:var(--bg-primary);border:1px solid var(--gold-dark);font-size:.875rem;font-weight:600;color:var(--gold-light);animation:float 4s ease-in-out infinite}.badge-icon{font-size:1.5rem}.about-content{display:flex;flex-direction:column;gap:25px}.about-intro{font-size:1.5rem;line-height:1.6;color:var(--text-primary)}.about-text{font-size:1.125rem;line-height:1.8;color:var(--text-secondary)}.highlight{color:var(--gold-light);font-weight:500}.stat-inline{color:var(--gold-primary);font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0;border-top:1px solid var(--bg-tertiary);border-bottom:1px solid var(--bg-tertiary);margin:20px 0}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-suffix{font-family:var(--font-display);font-size:2rem;color:var(--gold-primary)}.stat-label{display:block;font-size:.875rem;color:var(--text-muted);margin-top:5px}.about-cta{display:flex;gap:20px;margin-top:20px}.btn-primary{position:relative;padding:16px 32px;background:var(--gold-primary);color:var(--bg-primary);font-weight:600;overflow:hidden;transition:all .4s var(--ease-smooth)}.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover .btn-shine{left:100%}.btn-secondary{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border:1px solid var(--text-muted);color:var(--text-primary);font-weight:500;transition:all .4s var(--ease-smooth);overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gold-primary);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;z-index:-1}.btn-secondary:hover:before{width:300px;height:300px}.btn-secondary:hover{border-color:var(--gold-primary);color:var(--bg-primary)}.btn-secondary .download-icon{width:18px;height:18px;transition:transform .3s ease}.btn-secondary:hover .download-icon{animation:bounceDown .6s ease infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.about-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;padding:0 10%;pointer-events:none;z-index:0}.grid-line{width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--bg-tertiary),transparent);opacity:.3}@media(max-width:968px){.about-grid{grid-template-columns:1fr;gap:60px}.about-image-wrapper{max-width:400px;margin:0 auto}.about-stats{grid-template-columns:repeat(3,1fr)}.about-cta{flex-direction:column}}.experience{background:var(--bg-primary)}.experience-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;z-index:1}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline-item{position:relative;padding-bottom:60px;padding-left:80px}.timeline-item:last-child{padding-bottom:0}.timeline-line{position:absolute;left:24px;top:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--gold-primary),var(--gold-dark))}.timeline-item:last-child .timeline-line{height:50px}.timeline-dot{position:absolute;left:12px;top:5px;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.dot-inner{width:12px;height:12px;background:var(--gold-primary);border-radius:50%;z-index:1}.dot-pulse{position:absolute;width:26px;height:26px;border:2px solid var(--gold-primary);border-radius:50%;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.timeline-card{position:relative;padding:35px;background:var(--bg-card);border:1px solid var(--bg-tertiary);transition:all .4s var(--ease-smooth)}.timeline-card:hover{border-color:var(--gold-dark);transform:translate(5px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-type{font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:50px;letter-spacing:.05em}.card-type.work{background:#9a8b4f33;color:var(--gold-light)}.card-type.education{background:#6495ed33;color:#6495ed}.year-badge{font-family:var(--font-mono);font-size:.875rem;color:var(--gold-primary)}.card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.card-company{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.company-name{font-weight:500;color:var(--gold-light)}.company-location{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted)}.company-location svg{width:14px;height:14px}.card-description{list-style:none;margin-bottom:25px}.card-description li{position:relative;padding-left:20px;margin-bottom:10px;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.card-description li:before{content:"→";position:absolute;left:0;color:var(--gold-primary)}.card-technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{font-size:.75rem;padding:6px 14px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;transition:all .3s var(--ease-smooth)}.tech-tag:hover{background:var(--gold-dark);color:var(--text-primary)}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,var(--gold-glow),transparent 50%);opacity:0;transition:opacity .4s var(--ease-smooth);pointer-events:none}.timeline-card:hover .card-glow{opacity:.5}.floating-shapes{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border:1px solid var(--gold-dark);opacity:.2}.shape-1{width:100px;height:100px;top:20%;right:10%;transform:rotate(45deg)}.shape-2{width:60px;height:60px;bottom:30%;left:5%;border-radius:50%}.shape-3{width:80px;height:80px;top:50%;right:5%;clip-path:polygon(50% 0%,100% 100%,0% 100%)}@media(max-width:768px){.timeline-item{padding-left:50px}.timeline-line{left:14px}.timeline-dot{left:2px}}.projects{background:var(--bg-secondary)}.projects-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;z-index:1}.projects-grid{display:flex;flex-direction:column;gap:80px}.project-card{position:relative;display:grid;grid-template-columns:auto 1fr 1.2fr;gap:40px;align-items:start;padding:40px;background:var(--bg-card);border:1px solid var(--bg-tertiary);transition:all .5s var(--ease-smooth);transform-style:preserve-3d;perspective:1000px}.project-card:hover{border-color:var(--gold-dark);transform:translateY(-5px)}.project-index{display:flex;flex-direction:column;align-items:center;gap:15px}.index-number{font-family:var(--font-display);font-size:3rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.index-line{width:1px;height:100px;background:linear-gradient(to bottom,var(--gold-primary),transparent)}.project-visual{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px}.visual-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.visual-pattern{position:absolute;width:100%;height:100%;opacity:.3}.pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;gap:1px}.grid-cell{background:#ffffff1a;transition:background .3s}.project-card:hover .grid-cell:nth-child(odd){background:#fff3}.visual-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1}.project-award{position:absolute;top:15px;right:15px;padding:8px 16px;background:var(--bg-primary);font-size:.75rem;font-weight:600;color:var(--gold-light);border-radius:50px}.project-content{display:flex;flex-direction:column;gap:20px}.project-header{display:flex;flex-direction:column;gap:5px}.project-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary)}.project-subtitle{font-size:.875rem;color:var(--gold-primary);text-transform:uppercase;letter-spacing:.1em}.project-description{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.project-features{display:flex;flex-wrap:wrap;gap:15px}.feature-tag{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-muted)}.feature-dot{width:4px;height:4px;background:var(--gold-primary);border-radius:50%}.project-technologies{display:flex;flex-wrap:wrap;gap:10px}.tech-pill{font-size:.75rem;padding:8px 16px;background:transparent;border:1px solid var(--gold-dark);color:var(--gold-light);border-radius:50px;transition:all .3s var(--ease-smooth)}.tech-pill:hover{background:var(--gold-primary);color:var(--bg-primary)}.project-links{display:flex;gap:15px;margin-top:10px}.project-link{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;transition:all .3s var(--ease-smooth)}.project-link svg{width:18px;height:18px}.project-link.primary{color:var(--gold-primary)}.project-link.primary:hover{color:var(--gold-light)}.project-link.primary:hover svg{transform:translate(3px,-3px)}.project-link.secondary{color:var(--text-muted)}.project-link.secondary:hover{color:var(--text-primary)}.card-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.card-border:before,.card-border:after{content:"";position:absolute;background:var(--gold-primary);transition:all .5s var(--ease-smooth)}.card-border:before{width:0;height:2px;top:0;left:0}.card-border:after{width:2px;height:0;top:0;left:0}.project-card:hover .card-border:before{width:100%}.project-card:hover .card-border:after{height:100%}.projects-more{display:flex;justify-content:center;margin-top:60px}.more-link{display:flex;align-items:center;gap:15px;font-size:1.125rem;color:var(--text-secondary);transition:color .3s var(--ease-smooth)}.more-link:hover{color:var(--gold-primary)}.more-arrow{display:flex;transition:transform .3s var(--ease-smooth)}.more-arrow svg{width:24px;height:24px}.more-link:hover .more-arrow{transform:translate(5px)}@media(max-width:1024px){.project-card{grid-template-columns:1fr;gap:30px}.project-index{flex-direction:row;justify-content:flex-start}.index-line{width:100px;height:1px}.project-visual{aspect-ratio:16/9}}.skills{background:var(--bg-primary)}.skills-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.skill-category{position:relative;padding:35px;background:var(--bg-card);border:1px solid var(--bg-tertiary);transition:all .4s var(--ease-smooth)}.skill-category:hover{border-color:var(--gold-dark);transform:translateY(-5px)}.category-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.category-icon{font-size:2rem}.category-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:.9375rem;color:var(--text-secondary)}.skill-percent{font-family:var(--font-mono);font-size:.875rem;color:var(--gold-primary)}.skill-percent:after{content:"%"}.skill-progress{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.skill-progress-fill{height:100%;width:var(--progress);background:var(--gradient-gold);border-radius:2px}.category-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dec-corner{position:absolute;width:15px;height:15px;border:1px solid var(--gold-dark);opacity:0;transition:opacity .4s var(--ease-smooth)}.skill-category:hover .dec-corner{opacity:1}.dec-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.dec-corner.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.dec-corner.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.dec-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.tech-marquee{margin-top:80px;padding:30px 0;border-top:1px solid var(--bg-tertiary);border-bottom:1px solid var(--bg-tertiary);overflow:hidden}.marquee-content{display:flex;width:fit-content}.marquee-set{display:flex;align-items:center;gap:60px;padding-right:60px}.marquee-item{display:flex;align-items:center;gap:15px;font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text-muted);white-space:nowrap;transition:color .3s var(--ease-smooth)}.marquee-item:hover{color:var(--gold-primary)}.marquee-dot{font-size:.5rem;color:var(--gold-dark)}.skills-grid-bg{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none;z-index:0}.grid-dot{display:flex;align-items:center;justify-content:center}.grid-dot:before{content:"";width:3px;height:3px;background:var(--gold-dark);border-radius:50%;opacity:.3}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skills-grid{grid-template-columns:1fr}}.contact{background:var(--bg-secondary)}.contact-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;position:relative;z-index:1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:20px}.contact-heading .accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subheading{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:40px}.contact-info-list{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.contact-info-item{display:flex;align-items:flex-start;gap:20px}.info-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--gold-dark);flex-shrink:0}.info-icon svg{width:20px;height:20px;stroke:var(--gold-primary)}.info-content{display:flex;flex-direction:column;gap:5px}.info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.info-value{font-size:1rem;color:var(--text-primary);transition:color .3s var(--ease-smooth)}a.info-value:hover{color:var(--gold-primary)}.social-links{display:flex;gap:15px}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);color:var(--text-secondary);transition:all .3s var(--ease-smooth)}.social-link svg{width:22px;height:22px}.social-link:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:translateY(-3px)}.contact-form{display:flex;flex-direction:column;gap:30px}.form-group{position:relative}.form-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.form-input,.form-textarea{width:100%;padding:18px 20px;background:var(--bg-tertiary);border:1px solid var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;transition:all .3s var(--ease-smooth);cursor:none}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--gold-primary);background:var(--bg-card)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:150px}.input-focus-line{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-gold);transition:width .4s var(--ease-smooth)}.form-input:focus~.input-focus-line,.form-textarea:focus~.input-focus-line{width:100%}.submit-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px;background:var(--gold-primary);color:var(--bg-primary);font-size:1rem;font-weight:600;overflow:hidden;transition:all .4s var(--ease-smooth)}.submit-btn:hover:not(:disabled){background:var(--gold-light)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{display:flex;transition:transform .3s var(--ease-smooth)}.btn-icon svg{width:18px;height:18px}.submit-btn:hover:not(:disabled) .btn-icon{transform:translate(3px,-3px)}.submit-btn.loading .btn-text{animation:loadingPulse 1s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.contact-decoration{position:absolute;font-size:4rem;color:var(--gold-dark);opacity:.3;pointer-events:none}.contact-decoration.dec-1{top:20%;right:10%}.contact-decoration.dec-2{bottom:30%;left:5%}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:60px}}.footer{position:relative;padding:60px 0 30px;background:var(--bg-primary);border-top:1px solid var(--bg-tertiary)}.footer-container{max-width:var(--container-width);margin:0 auto;padding:0 40px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.footer-logo .logo-text{color:var(--text-primary);margin-right:8px}.footer-logo .logo-accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;gap:40px}.footer-links a{font-size:.875rem;color:var(--text-secondary);transition:color .3s var(--ease-smooth)}.footer-links a:hover{color:var(--gold-primary)}.footer-social{display:flex;gap:30px}.footer-social a{font-size:.875rem;color:var(--text-muted);transition:color .3s var(--ease-smooth)}.footer-social a:hover{color:var(--gold-primary)}.footer-bottom{display:flex;flex-direction:column;gap:10px;margin-top:20px}.copyright{font-size:.875rem;color:var(--text-muted)}.made-with{font-size:.75rem;color:var(--text-muted)}.heart{color:var(--gold-primary);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);margin-top:30px}.back-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--gold-dark);color:var(--gold-primary);opacity:0;visibility:hidden;transition:all .3s var(--ease-smooth);z-index:100}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--gold-primary);color:var(--bg-primary);transform:translateY(-3px)}.back-to-top svg{width:20px;height:20px}@media(max-width:768px){:root{--section-padding: clamp(60px, 10vh, 100px)}.nav-container,.about-container,.experience-container,.projects-container,.skills-container,.contact-container,.footer-container{padding:0 20px}.section-header{margin-bottom:50px}.hero-badge{padding:8px 16px;font-size:.75rem}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.corner-accent{display:none}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.skill-category,.timeline-card,.project-card{transition:transform .3s var(--ease-smooth),box-shadow .3s ease}.skill-category:hover,.timeline-card:hover,.project-card:hover{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--gold-dark),0 0 30px #9a8b4f26}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;transform:translateY(100%);animation:textReveal .8s var(--ease-expo) forwards}@keyframes textReveal{to{transform:translateY(0)}}.stagger-reveal>*{opacity:0;transform:translateY(40px);animation:staggerIn .6s var(--ease-smooth) forwards}.stagger-reveal>*:nth-child(1){animation-delay:.1s}.stagger-reveal>*:nth-child(2){animation-delay:.2s}.stagger-reveal>*:nth-child(3){animation-delay:.3s}.stagger-reveal>*:nth-child(4){animation-delay:.4s}.stagger-reveal>*:nth-child(5){animation-delay:.5s}.stagger-reveal>*:nth-child(6){animation-delay:.6s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #9a8b4f33}50%{box-shadow:0 0 40px #9a8b4f66,0 0 60px #9a8b4f33}}.float-element{animation:floatUpDown 4s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}75%{transform:translateY(10px) rotate(-1deg)}}section{transform-style:preserve-3d}.cinematic-border{position:relative}.cinematic-border:before,.cinematic-border:after{content:"";position:absolute;background:var(--gradient-gold)}.cinematic-border:before{top:0;left:0;width:0;height:2px;animation:borderTopExpand 1s var(--ease-expo) forwards;animation-delay:.3s}.cinematic-border:after{bottom:0;right:0;width:0;height:2px;animation:borderBottomExpand 1s var(--ease-expo) forwards;animation-delay:.5s}@keyframes borderTopExpand{to{width:100%}}@keyframes borderBottomExpand{to{width:100%}}.zoom-on-scroll{overflow:hidden}.zoom-on-scroll img{transition:transform 1.5s var(--ease-smooth)}.zoom-on-scroll:hover img{transform:scale(1.1)}@keyframes blurIn{0%{opacity:0;filter:blur(20px);transform:scale(1.1)}to{opacity:1;filter:blur(0);transform:scale(1)}}.split-text .char{display:inline-block;opacity:0;transform:translateY(50px) rotateX(-90deg);animation:charIn .6s var(--ease-expo) forwards}@keyframes charIn{to{opacity:1;transform:translateY(0) rotateX(0)}}.liquid-btn{position:relative;z-index:1}.liquid-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gold-primary);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-expo)}.liquid-btn:hover:before{transform:scaleX(1);transform-origin:left}.grain-effect:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}.smooth-color-shift{transition:all .5s var(--ease-smooth);background-size:200% 200%;background-position:0% 0%}.smooth-color-shift:hover{background-position:100% 100%}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#9a8b4f4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.app{min-height:100vh;width:100%;overflow-x:hidden}main{position:relative}.speed-lines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:0;transition:opacity .1s ease}.speed-line{position:absolute;left:calc(var(--i) * 10%);top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(154,139,79,.3) 20%,rgba(154,139,79,.5) 50%,rgba(154,139,79,.3) 80%,transparent 100%);transform:scaleY(.3);animation:speedLineMove .3s linear infinite;animation-delay:calc(var(--i) * .03s)}@keyframes speedLineMove{0%{transform:scaleY(.3) translateY(-100%)}to{transform:scaleY(.3) translateY(100%)}}section{will-change:transform,opacity}.section-header{will-change:transform,opacity}[class*=-bg-text]{will-change:transform}