@import"https://fonts.googleapis.com/css2?family=Signika:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";@font-face{font-family:Product Sans;font-style:normal;font-weight:400;font-display:swap;src:local("Product Sans"),local("Google Sans Regular"),local("Google Sans"),url(/fonts/ProductSansVietnamese-Regular.ttf) format("truetype"),url(/fonts/GoogleSans-Regular.ttf) format("truetype")}@font-face{font-family:Product Sans;font-style:normal;font-weight:500;font-display:swap;src:local("Product Sans Medium"),local("Google Sans Medium"),url(/fonts/ProductSansVietnamese-Medium.ttf) format("truetype"),url(/fonts/GoogleSans-Medium.ttf) format("truetype")}@font-face{font-family:Product Sans;font-style:normal;font-weight:700;font-display:swap;src:local("Product Sans Bold"),local("Google Sans Bold"),url(/fonts/ProductSansVietnamese-Bold.ttf) format("truetype"),url(/fonts/GoogleSans-Bold.ttf) format("truetype")}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:swap;src:local("Google Sans"),local("Product Sans"),url(/fonts/ProductSansVietnamese-Regular.ttf) format("truetype"),url(/fonts/GoogleSans-Regular.ttf) format("truetype")}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:local("Google Sans Medium"),local("Product Sans Medium"),url(/fonts/ProductSansVietnamese-Medium.ttf) format("truetype"),url(/fonts/GoogleSans-Medium.ttf) format("truetype")}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:swap;src:local("Google Sans Bold"),local("Product Sans Bold"),url(/fonts/ProductSansVietnamese-Bold.ttf) format("truetype"),url(/fonts/GoogleSans-Bold.ttf) format("truetype")}:root{--c-concrete-100: #F3F1EC;--c-concrete-200: #E8E6E1;--c-concrete-300: #D4D1CB;--c-concrete-400: #BDB9B2;--c-concrete-500: #9E9A92;--c-graphite: #2B2A28;--c-graphite-soft: #4A4844;--c-graphite-muted: #73706A;--c-accent: #FF4D1C;--c-accent-glow: rgba(255, 77, 28, .25);--font-display: "Product Sans", "Google Sans", "Signika", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Product Sans", "Google Sans", "Signika", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", SFMono-Regular, Consolas, monospace;--ease-brutalist: cubic-bezier(.16, 1, .3, 1);--border-concrete: 1px solid rgba(43, 42, 40, .15);--border-heavy: 2px solid var(--c-graphite)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:var(--c-concrete-200);color:var(--c-graphite);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;position:relative;background:transparent;min-height:100vh}@media(hover:hover)and (pointer:fine){body,a,button,input{cursor:none!important}}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#e8e6e173;border-bottom:var(--border-concrete)}.brand-monogram{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--c-graphite)}.brand-symbol{width:24px;height:24px;background:var(--c-graphite);display:inline-block;position:relative;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}.brand-symbol:after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--c-accent)}.brand-text{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.03em}.nav-links{display:flex;gap:2rem}.nav-link{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;text-decoration:none;color:var(--c-graphite-soft);letter-spacing:.05em;position:relative;padding:.25rem 0;transition:color .2s}.nav-link:hover,.nav-link.is-current{color:var(--c-graphite)}.nav-link.is-current:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--c-accent)}.header-controls{display:flex;align-items:center;gap:1rem}.audio-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:#fff6;border:var(--border-heavy);font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--c-graphite);cursor:pointer;transition:all .2s var(--ease-brutalist)}.audio-toggle-btn:hover{background:var(--c-graphite);color:var(--c-concrete-100)}.audio-eq{display:flex;align-items:flex-end;gap:2px;height:12px}.audio-eq span{width:2px;height:4px;background:currentColor;transition:height .2s}.audio-eq.playing span:nth-child(1){animation:eqBar .8s ease-in-out infinite alternate}.audio-eq.playing span:nth-child(2){animation:eqBar .6s ease-in-out .2s infinite alternate}.audio-eq.playing span:nth-child(3){animation:eqBar .9s ease-in-out .4s infinite alternate}@keyframes eqBar{0%{height:3px}to{height:12px}}.lang-switcher{display:flex;border:var(--border-heavy);background:#fff6}.lang-btn{padding:.4rem .65rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;background:transparent;border:none;color:var(--c-graphite-muted);cursor:pointer;transition:all .2s}.lang-btn.is-active{background:var(--c-graphite);color:var(--c-concrete-100)}.menu-toggle{display:none;background:transparent;border:var(--border-heavy);padding:.4rem;cursor:pointer}.content-wrapper{position:relative;z-index:10;pointer-events:none}.section{min-height:100vh;padding:8rem 4rem 6rem;display:flex;flex-direction:column;justify-content:center;position:relative}.section-inner{max-width:1200px;width:100%;margin:0 auto;pointer-events:auto;perspective:1200px}.hero-name,.hero-tagline,.hero-badge,.hero-sub,.hero-scroll-indicator,.section-num,.section-title,.section-subtitle,.about-text p,.stat-box,.cv-item,.skill-category,.project-card,.fun-box,.dream-box,.email-block,.social-card{will-change:transform,opacity,filter;transform-origin:center bottom}.section-header{margin-bottom:3.5rem}.apple-liquid-glass{position:relative;background:linear-gradient(135deg,#ffffff85,#f0eee952)!important;backdrop-filter:blur(28px) saturate(190%) contrast(102%)!important;-webkit-backdrop-filter:blur(28px) saturate(190%) contrast(102%)!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:18px!important;box-shadow:0 20px 48px -12px #2b2a281f,0 1px 1px #ffffffe6 inset,0 0 0 1px #fff6 inset!important;overflow:hidden;transition:border-color .35s var(--ease-brutalist),box-shadow .35s var(--ease-brutalist)!important;transform-style:preserve-3d}.apple-liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.55),rgba(255,255,255,.15) 35%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:1}.apple-liquid-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffffb3;opacity:.6;pointer-events:none;transition:opacity .35s ease,box-shadow .35s ease;z-index:2}.apple-liquid-glass:hover{border-color:#fffffff2!important;box-shadow:0 26px 64px -12px #2b2a2833,0 0 25px #ff4d1c2e,0 1px 2px #fff inset,0 0 0 1px #fff9 inset!important}.apple-liquid-glass:hover:before{opacity:1}.apple-liquid-glass:hover:after{opacity:1;box-shadow:inset 0 0 0 1.5px #ff4d1c66}.apple-liquid-glass>*{position:relative;z-index:3}.section-num{font-family:var(--font-mono);font-size:.85rem;color:var(--c-accent);margin-bottom:.5rem;display:inline-block;font-weight:700}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--c-graphite);margin-bottom:1rem}.section-subtitle{font-family:var(--font-body);font-size:clamp(1rem,1.5vw,1.25rem);color:var(--c-graphite-soft);max-width:680px;line-height:1.5}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding-top:10rem}.hero-badge{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.1em;display:inline-block;padding:.35rem .8rem;background:#2b2a2814;border-left:3px solid var(--c-accent);margin-bottom:1.5rem}.hero-name{font-family:var(--font-display);font-size:clamp(4.5rem,14vw,13rem);font-weight:800;line-height:.85;letter-spacing:-.06em;color:var(--c-graphite);text-transform:uppercase;user-select:none}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;color:var(--c-graphite-soft);margin-top:1rem;margin-bottom:1.5rem}.hero-sub{font-family:var(--font-body);font-size:1.15rem;max-width:520px;line-height:1.6;color:var(--c-graphite-soft)}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:2rem}.hero-scroll-indicator{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em}.scroll-line{width:48px;height:2px;background:var(--c-accent);animation:scrollPulse 2s ease-in-out infinite alternate}@keyframes scrollPulse{0%{transform:scaleX(.4);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}.about-text p{font-size:1.2rem;line-height:1.7;color:var(--c-graphite);margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-box{background:#e8e6e199;backdrop-filter:blur(10px);border:var(--border-heavy);padding:1.75rem;box-shadow:6px 6px 0 var(--c-graphite);transition:transform .2s var(--ease-brutalist)}.stat-box:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--c-accent)}.stat-value{display:block;font-family:var(--font-display);font-size:2.75rem;font-weight:800;line-height:1;color:var(--c-graphite);margin-bottom:.5rem}.stat-label{font-family:var(--font-mono);font-size:.78rem;color:var(--c-graphite-soft);text-transform:uppercase}.cv-action-bar{margin-bottom:2.5rem}.cv-download-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--c-graphite);color:var(--c-concrete-100);border:none;font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:6px 6px 0 var(--c-accent);transition:all .2s var(--ease-brutalist)}.cv-download-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--c-graphite);background:var(--c-accent);color:#fff}.cv-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem}.cv-experience-list{display:flex;flex-direction:column;gap:1.75rem}.cv-item{background:#f3f1eca6;backdrop-filter:blur(10px);border:var(--border-heavy);padding:1.75rem;box-shadow:5px 5px #2b2a2826}.cv-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.cv-role{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--c-graphite)}.cv-period{font-family:var(--font-mono);font-size:.75rem;color:var(--c-accent);font-weight:700}.cv-place{font-family:var(--font-mono);font-size:.82rem;color:var(--c-graphite-muted);margin-bottom:.75rem}.cv-desc{font-size:.95rem;line-height:1.55;color:var(--c-graphite-soft)}.cv-skills-list{display:flex;flex-direction:column;gap:2rem}.skill-category-title{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;color:var(--c-graphite);margin-bottom:.85rem;letter-spacing:.05em;border-bottom:2px solid var(--c-graphite);padding-bottom:.35rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-family:var(--font-mono);font-size:.78rem;padding:.4rem .8rem;background:#e8e6e1bf;border:1px solid var(--c-graphite);color:var(--c-graphite)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.project-card{background:#f3f1ecbf;backdrop-filter:blur(12px);border:var(--border-heavy);padding:2.25rem;box-shadow:6px 6px 0 var(--c-graphite);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s var(--ease-brutalist),box-shadow .25s}.project-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--c-accent)}.project-card-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:var(--c-graphite-muted);margin-bottom:1.25rem}.project-tag{color:var(--c-accent);font-weight:700}.project-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--c-graphite);margin-bottom:1rem}.project-desc{font-size:1rem;line-height:1.6;color:var(--c-graphite-soft);margin-bottom:1.5rem;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.tech-badge{font-family:var(--font-mono);font-size:.72rem;padding:.25rem .6rem;background:var(--c-concrete-300);color:var(--c-graphite)}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--c-graphite);text-decoration:none;padding-bottom:2px;border-bottom:2px solid var(--c-accent);transition:color .2s}.project-link:hover{color:var(--c-accent)}.partners-section{text-align:center}.partners-section .section-header{margin-bottom:2rem}.partners-section .section-subtitle{margin:0 auto}.film-strip-guide{margin-top:14rem;display:inline-block;padding:.6rem 1.4rem;background:#f3f1eccc;border:var(--border-heavy);box-shadow:4px 4px 0 var(--c-graphite);font-family:var(--font-mono);font-size:.8rem;color:var(--c-graphite-soft)}.fun-container{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem}.fun-subheading{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-graphite);margin-bottom:1.5rem;border-bottom:2px solid var(--c-graphite);padding-bottom:.4rem}.fun-facts-grid{display:flex;flex-direction:column;gap:1.5rem}.fun-box{background:#f3f1eca6;backdrop-filter:blur(10px);border:var(--border-heavy);padding:1.5rem;box-shadow:5px 5px #2b2a2826;position:relative}.fun-box.is-todo,.dream-box.is-todo{border-left:5px solid var(--c-accent)}.fun-box-num{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--c-accent);margin-bottom:.4rem}.fun-box-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--c-graphite);margin-bottom:.4rem}.fun-box-desc{font-size:.95rem;line-height:1.55;color:var(--c-graphite-soft)}.dreams-grid{display:flex;flex-direction:column;gap:1.5rem}.dream-box{background:#f3f1eca6;backdrop-filter:blur(10px);border:var(--border-heavy);padding:1.5rem;box-shadow:5px 5px #2b2a2826}.dream-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;background:var(--c-graphite);color:var(--c-concrete-100);padding:.2rem .5rem;display:inline-block;margin-bottom:.6rem}.dream-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--c-graphite);margin-bottom:.4rem}.dream-desc{font-size:.95rem;line-height:1.55;color:var(--c-graphite-soft)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.email-block{background:#f3f1ecd9;backdrop-filter:blur(12px);border:var(--border-heavy);padding:2.5rem;box-shadow:8px 8px 0 var(--c-graphite)}.email-label{font-family:var(--font-mono);font-size:.8rem;color:var(--c-accent);font-weight:700;letter-spacing:.05em;display:block;margin-bottom:1rem}.email-address{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.5rem);font-weight:800;color:var(--c-graphite);text-decoration:none;display:block;margin-bottom:1.75rem;word-break:break-all;transition:color .2s}.email-address:hover{color:var(--c-accent)}.copy-email-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:var(--c-graphite);color:var(--c-concrete-100);border:none;font-family:var(--font-mono);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--c-accent);transition:all .2s var(--ease-brutalist)}.copy-email-btn:hover{background:var(--c-accent);color:#fff}.copy-email-btn.is-copied{background:#2e7d32;box-shadow:4px 4px 0 var(--c-graphite)}.socials-block{display:flex;flex-direction:column}.socials-label{font-family:var(--font-mono);font-size:.8rem;color:var(--c-graphite-muted);font-weight:700;letter-spacing:.05em;display:block;margin-bottom:1rem}.socials-list{display:flex;flex-direction:column;gap:1.25rem}.social-card{background:#f3f1ecb3;backdrop-filter:blur(10px);border:var(--border-heavy);padding:1.5rem;text-decoration:none;color:var(--c-graphite);box-shadow:5px 5px 0 var(--c-graphite);display:flex;flex-direction:column;gap:.5rem;position:relative;transition:transform .2s var(--ease-brutalist),box-shadow .2s}.social-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--c-accent)}.social-header{display:flex;justify-content:space-between;align-items:baseline}.social-name{font-family:var(--font-display);font-size:1.35rem;font-weight:800}.social-handle{font-family:var(--font-mono);font-size:.8rem;color:var(--c-accent);font-weight:700}.social-desc{font-size:.9rem;color:var(--c-graphite-soft);max-width:90%}.social-arrow{position:absolute;right:1.25rem;bottom:1.25rem}.site-footer{border-top:var(--border-concrete);padding-top:2rem;text-align:center}.footer-text{font-family:var(--font-mono);font-size:.78rem;color:var(--c-graphite-muted)}#webgl-fallback{display:none;position:fixed;inset:0;background:var(--c-concrete-200);z-index:9999;padding:4rem 2rem;align-items:center;justify-content:center}.fallback-box{max-width:600px;background:var(--c-concrete-100);border:var(--border-heavy);padding:3rem;box-shadow:10px 10px 0 var(--c-accent);text-align:center}.fallback-box h2{font-family:var(--font-display);font-size:2rem;margin-bottom:1rem}.fallback-box p{margin-bottom:2rem;color:var(--c-graphite-soft);line-height:1.6}@media(max-width:1024px){.section{padding:6rem 2rem 4rem}.about-grid,.cv-layout,.contact-layout,.fun-container{grid-template-columns:1fr;gap:2.5rem}.projects-grid{grid-template-columns:1fr}}@media(max-width:768px){.site-header{padding:1rem 1.5rem}.nav-links{position:fixed;top:70px;left:0;width:100%;background:var(--c-concrete-200);border-bottom:var(--border-heavy);flex-direction:column;padding:2rem;gap:1.25rem;display:none}.nav-links.is-open{display:flex}.menu-toggle{display:block}.hero-name{font-size:clamp(3.2rem,16vw,6rem)}.about-stats{grid-template-columns:1fr}.stat-value{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}