.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:padding .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.navbar.scrolled{padding:.75rem 0}.nav-capsule{pointer-events:auto;max-width:1050px;margin:0 auto;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#08080866;border:1px solid rgba(255,255,255,.05);border-radius:50px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #0000004d,inset 0 0 0 1px #d4af370d;transition:all .6s cubic-bezier(.16,1,.3,1)}.navbar.scrolled .nav-capsule{background:#080808bf;border-color:#d4af3726;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #d4af371a}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.nav-logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#d4af37,gold);border-radius:50%;color:#020202;font-family:var(--font-display);font-weight:700;font-size:1.1rem;line-height:1;box-shadow:0 0 15px #d4af3766}.nav-logo-text{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.15em;color:#fff;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:1.2rem}.nav-link{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);position:relative;padding:.5rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-gold);transition:width .4s cubic-bezier(.16,1,.3,1);border-radius:2px}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;cursor:pointer;border:1px solid rgba(212,175,55,.2);border-radius:50%;background:#d4af370d;z-index:1002;transition:all .3s ease}.hamburger:hover{background:#d4af371a;border-color:#d4af3766}.hamburger span{width:20px;height:2px;background:#d4af37;border-radius:2px;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(4px) rotate(45deg)}.hamburger.active span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#020202cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease}.nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-panel{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;height:100dvh;background:#050505;border-left:1px solid rgba(212,175,55,.15);z-index:1001;padding:6rem 3rem 3rem;display:flex;flex-direction:column;transition:right .6s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #0009;pointer-events:auto}.mobile-nav-panel.open{right:0}.mobile-nav-header{margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav-title{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.2em}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item-wrapper{overflow:hidden;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.mobile-nav-panel.open .mobile-nav-item-wrapper{opacity:1;transform:translateY(0)}.mobile-nav-link{display:flex;align-items:baseline;gap:1.5rem;padding:1rem 0;text-decoration:none;group:hover}.mobile-nav-num{font-family:var(--font-mono);font-size:.8rem;color:#d4af3780;transition:color .3s ease}.mobile-nav-label{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;line-height:1;transition:all .3s ease}.mobile-nav-link:hover .mobile-nav-num{color:var(--accent)}.mobile-nav-link:hover .mobile-nav-label{color:#fff;transform:translate(10px)}@media(max-width:950px){.desktop-only{display:none!important}.hamburger{display:flex}.nav-capsule{margin:0 1rem;width:calc(100% - 2rem)}}@media(max-width:480px){.nav-capsule{padding:.4rem 1rem}.mobile-nav-panel{padding:5rem 2rem 2rem}.mobile-nav-label{font-size:2rem}}.hero-section{position:relative;width:100vw;height:100vh;min-height:800px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-primary)}.hero-3d-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.hero-container{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.hero-typography{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.split-text-container{position:absolute;width:100%;text-align:center;display:flex;justify-content:center}.top-text{top:50%;transform:translateY(-100%)}.bottom-text{top:50%}.split-text-container h1{font-size:clamp(4rem,12vw,12rem);font-weight:900;line-height:.9;letter-spacing:-.02em;color:#fffffff2;text-transform:uppercase;text-shadow:0 10px 40px rgba(0,0,0,.8);mix-blend-mode:exclusion}.center-reveal-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0}.center-reveal-name h2{font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:.05em;white-space:nowrap;text-shadow:0 0 40px rgba(212,175,55,.4)}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.8rem,2vw,1.2rem);color:var(--text-secondary);margin-top:1rem;letter-spacing:.1em;text-transform:uppercase}.center-resume-wrapper{margin-top:1.5rem;display:flex;justify-content:center;pointer-events:auto}.hero-actions{position:absolute;bottom:3rem;left:3rem;display:flex;align-items:center;gap:1.5rem;z-index:20;pointer-events:auto}.hero-resume-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:50px;background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:var(--accent);font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px #d4af3726}.hero-resume-btn:hover{background:var(--accent);color:#020202;transform:translateY(-3px);box-shadow:0 10px 30px #d4af3766}.hero-socials{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#08080899;color:#fff;font-size:1.2rem;backdrop-filter:blur(10px);transition:all .3s ease}.social-icon:hover{background:#d4af371a;border-color:#d4af3766;color:var(--accent);transform:translateY(-3px);box-shadow:0 5px 20px #d4af3733}.hero-scroll-indicator{position:absolute;bottom:3rem;right:3rem;z-index:20}.mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:13px;display:flex;justify-content:center;padding-top:6px}.wheel{width:4px;height:8px;background:var(--accent);border-radius:2px;animation:scrollWheel 2s infinite cubic-bezier(.16,1,.3,1)}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:0}}@media(max-width:768px){.split-text-container h1{font-size:clamp(3rem,15vw,5rem)}.hero-actions{bottom:2rem;left:50%;transform:translate(-50%);flex-direction:column;gap:1rem}.hero-scroll-indicator{display:none}}.preloader-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#020202;overflow:hidden}.vault-door{position:absolute;top:0;width:50%;height:100%;background:#050505;z-index:10;will-change:transform}.vault-left{left:0}.vault-right{right:0}.vault-door-trim{position:absolute;top:0;width:2px;height:100%;background:linear-gradient(to bottom,transparent 5%,#D4AF37 50%,transparent 95%);opacity:.6}.vault-left .vault-door-trim{right:0}.vault-right .vault-door-trim{left:0}.vault-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);background-size:60px 60px;z-index:1}.vault-rings-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.vault-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.15);will-change:transform}.ring-outer{width:min(70vw,500px);height:min(70vw,500px);border-style:dashed;border-color:#d4af371a}.ring-mid{width:min(50vw,360px);height:min(50vw,360px);border-width:1.5px;border-color:#d4af3733}.ring-inner{width:min(30vw,220px);height:min(30vw,220px);border-width:2px;border-color:#d4af374d;box-shadow:0 0 30px #d4af370d,inset 0 0 30px #d4af3708}.vault-center{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.vault-counter{display:flex;align-items:baseline;gap:.15rem;will-change:transform,opacity}.vault-counter-number{font-family:Fira Code,Consolas,monospace;font-size:clamp(3rem,10vw,6rem);font-weight:300;color:#d4af37;line-height:1;text-shadow:0 0 40px rgba(212,175,55,.3);letter-spacing:.05em}.vault-counter-symbol{font-family:Fira Code,Consolas,monospace;font-size:clamp(1rem,3vw,1.6rem);font-weight:300;color:#d4af3780;line-height:1}.vault-name{font-family:Clash Display,Inter,sans-serif;font-size:clamp(1.2rem,3vw,2rem);font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:#fff;text-align:center}.vault-name.decoding{color:#d4af3799;text-shadow:0 0 8px rgba(212,175,55,.15)}.vault-name.decoded{color:#fff;text-shadow:none}.vault-role{font-family:Fira Code,Consolas,monospace;font-size:clamp(.6rem,1.5vw,.8rem);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#d4af3799;text-align:center;transition:opacity .4s ease}.vault-role.role-hidden{opacity:0}.vault-role.role-visible{opacity:1}@media(prefers-reduced-motion:reduce){.vault-ring{animation:none!important}.preloader-overlay{transition:opacity .3s ease}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background-color:var(--bg-primary, #020202);color:var(--text-primary, #ffffff);overflow-x:hidden}.app-container{position:relative;width:100%;max-width:100vw;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.main-content{position:relative;z-index:1;width:100%;max-width:100vw;padding-top:80px;overflow-x:hidden}.glass-panel{background:#08080899;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006;will-change:transform,opacity}.neon-text-cyan,.neon-text-purple,.gradient-text{background:var(--gradient-gold, linear-gradient(135deg, #D4AF37, #FFD700));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.section{opacity:1;transition:opacity .6s ease}.section-header{will-change:transform,opacity}.section:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-border),transparent);transition:width 1.5s cubic-bezier(.16,1,.3,1);pointer-events:none}.section.in-view:after{width:80%}[data-speed]{will-change:transform}:root{--bg-primary: #020202;--bg-panel: #080808;--bg-elevated: #0e0e0e;--bg-card: rgba(212, 175, 55, .02);--bg-card-hover: rgba(212, 175, 55, .05);--bg-glass: rgba(8, 8, 8, .7);--bg-glass-strong: rgba(8, 8, 8, .9);--text-primary: #ffffff;--text-secondary: #E0D8C3;--text-tertiary: #9A917B;--text-muted: #5C5647;--accent: #D4AF37;--accent-light: #FFD700;--accent-warm: #E5C158;--accent-glow: rgba(212, 175, 55, .3);--accent-subtle: rgba(212, 175, 55, .08);--accent-border: rgba(212, 175, 55, .15);--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(212, 175, 55, .25);--border-glass: rgba(255, 255, 255, .08);--font-display: "Clash Display", "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--font-serif: var(--font-display);--font-sans: var(--font-body);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px;--border-radius-xl: 32px;--transition: .4s cubic-bezier(.25, .46, .45, .94);--transition-fast: .2s ease;--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1);--gradient-gold: linear-gradient(135deg, #D4AF37, #FFD700);--gradient-gold-warm: linear-gradient(135deg, #D4AF37, #E5C158);--gradient-gold-subtle: linear-gradient(135deg, rgba(212, 175, 55, .03), rgba(255, 215, 0, .03))}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;font-size:16px;scroll-behavior:auto}body{font-family:var(--font-body)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;width:100%}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit;background:none}img{max-width:100%;display:block}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.section{padding:var(--spacing-xl) 0;position:relative}.section-header{margin-bottom:var(--spacing-lg)}.section-header.center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:1rem;display:inline-block;padding:.35rem 1rem;background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:50px}.section-title{font-family:var(--font-display)!important;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em}.section-title .accent{background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-display)!important;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important}::selection{background:#d4af3766;color:#000}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--accent),var(--accent-warm));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--accent-light),var(--accent))}.glow{box-shadow:0 0 30px var(--accent-glow),0 0 60px #d4af3714}.glass-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--border-radius);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:all var(--transition);will-change:transform,opacity}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 30px var(--accent-glow)}.glass-panel{background:#08080899;border:1px solid var(--border-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;will-change:transform,opacity}.neon-text-cyan,.neon-text-purple,.gradient-text{background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reveal-line-mask{overflow:hidden;display:block}.reveal-line-content{display:block}.reveal-word-wrapper{overflow:hidden;vertical-align:bottom}.reveal-paragraph{display:flex;flex-wrap:wrap}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;z-index:1000;pointer-events:none;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.scroll-progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--gradient-gold);z-index:99999;transform-origin:left;will-change:transform}@media(max-width:768px){.container{padding:0 1.25rem}.section{padding:var(--spacing-lg) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}