@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap&subset=vietnamese";:root{color-scheme:dark;--bg: #080a12;--ink: #f8f1df;--paper: #fff4d5;--muted: #b9b2a1;--dim: #777063;--panel: rgba(17, 22, 34, .78);--panel-strong: rgba(25, 31, 45, .92);--line: rgba(255, 244, 213, .16);--line-hot: rgba(255, 198, 73, .55);--amber: #ffc649;--lime: #c5ff5a;--cyan: #67e8f9;--pink: #ff6b9f;--violet: #9b8cff;--shadow: 0 26px 90px rgba(0, 0, 0, .42);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px;--max-width: 1180px;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% 8%,rgba(255,198,73,.2),transparent 22rem),radial-gradient(circle at 88% 2%,rgba(103,232,249,.15),transparent 24rem),radial-gradient(circle at 64% 54%,rgba(197,255,90,.08),transparent 30rem),linear-gradient(180deg,#080a12,#0d111c 42%,#070912);color:var(--ink);font:400 16px/1.7 Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}body:before,body:after{position:fixed;inset:0;z-index:-2;pointer-events:none;content:""}body:before{background:linear-gradient(rgba(255,244,213,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,244,213,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 16%,black,transparent 78%)}body:after{z-index:-1;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(255,255,255,.08) 10px);animation:scanline 9s linear infinite}body,input,textarea,button{font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{border:0}button{cursor:pointer}::selection{background:var(--amber);color:#171105}.site-shell{width:min(var(--max-width),calc(100% - 40px));margin:0 auto}.site-shell:before,.site-shell:after{position:fixed;z-index:-1;width:36vw;height:36vw;min-width:360px;min-height:360px;border-radius:999px;filter:blur(38px);opacity:.18;pointer-events:none;content:""}.site-shell:before{top:8vh;left:-14vw;background:conic-gradient(from 90deg,var(--amber),var(--pink),var(--cyan),var(--amber));animation:float-orb 14s ease-in-out infinite alternate}.site-shell:after{right:-16vw;bottom:8vh;background:conic-gradient(from 270deg,var(--lime),var(--cyan),var(--violet),var(--lime));animation:float-orb 18s ease-in-out infinite alternate-reverse}.site-header{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 42px;padding:10px 12px;border:1px solid rgba(255,244,213,.13);border-radius:999px;background:#080a12b8;box-shadow:0 18px 70px #00000057;backdrop-filter:blur(18px)}.brand,.header-actions,.nav-links,.locale-links{display:flex;align-items:center}.brand{gap:10px;color:var(--paper);font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,198,73,.7);border-radius:14px;background:linear-gradient(145deg,#ffcf58,#c5ff5a);color:#171105;font-weight:900;box-shadow:0 0 28px #ffc64947}.header-actions{gap:10px;min-width:0}.nav-links,.locale-links{gap:4px}.locale-links{padding-left:8px;border-left:1px solid rgba(255,244,213,.12)}.nav-links a,.locale-links a{padding:8px 12px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:700;transition:color .18s ease,background .18s ease,transform .18s ease}.locale-links a{padding-inline:10px;font-size:13px;font-weight:900}.nav-links a:hover,.nav-links a:focus-visible,.locale-links a:hover,.locale-links a:focus-visible,.locale-links a[aria-current=page]{background:#fff4d517;color:var(--paper);outline:none;transform:translateY(-1px)}main{display:grid;gap:122px;padding-bottom:82px}.section-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:34px;align-items:center}.hero{min-height:calc(100vh - 136px);padding:28px 0 34px}.hero-copy{position:relative}.hero-copy:before{position:absolute;top:-28px;left:-30px;z-index:-1;width:168px;height:168px;border:1px solid rgba(255,198,73,.42);border-radius:36px;background:#ffc6490b;content:"";transform:rotate(12deg);animation:frame-drift 7s ease-in-out infinite alternate}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--amber);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{position:relative;width:34px;height:2px;overflow:hidden;border-radius:999px;background:#ffc64940}.eyebrow span:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--amber),transparent);content:"";animation:line-run 1.6s ease-in-out infinite}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--paper);font-weight:900;letter-spacing:-.075em;text-wrap:balance}h1{max-width:820px;margin-bottom:16px;font-size:clamp(46px,8.2vw,108px);line-height:.98}h1:after{display:inline-block;width:clamp(50px,7vw,100px);height:clamp(10px,1.4vw,19px);margin-left:14px;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--lime));box-shadow:0 0 34px #ffc6494d;content:"";transform:translateY(-.18em) skew(-18deg)}.role{max-width:740px;margin-bottom:18px;color:var(--cyan);font-size:clamp(20px,2.7vw,33px);font-weight:800;letter-spacing:-.045em}.intro{max-width:660px;margin-bottom:34px;color:var(--muted);font-size:clamp(16px,1.8vw,20px)}.hero-actions,.form-footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:50px;overflow:hidden;padding:13px 21px;border-radius:999px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.button:before{position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.42),transparent 80%);content:"";transform:translate(-120%);transition:opacity .18s ease}.button:hover,.button:focus-visible{outline:none;transform:translateY(-3px)}.button:hover:before,.button:focus-visible:before{opacity:1;animation:shine .76s ease}.button.primary{border:1px solid rgba(255,198,73,.8);background:linear-gradient(135deg,var(--amber),var(--lime));color:#151101;box-shadow:0 18px 48px #ffc64938}.button.secondary{border:1px solid rgba(255,244,213,.18);background:#fff4d50f;color:var(--paper)}.command-panel{position:relative;display:flex;min-height:510px;flex-direction:column;overflow:hidden;padding:28px;border:1px solid rgba(255,244,213,.16);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(255,198,73,.13),transparent 36%),linear-gradient(210deg,rgba(103,232,249,.11),transparent 44%),#111622c7;box-shadow:var(--shadow);backdrop-filter:blur(22px);animation:panel-float 7s ease-in-out infinite}.command-panel:before{position:absolute;inset:18px;border:1px solid rgba(255,244,213,.11);border-radius:25px;content:""}.command-panel:after{position:absolute;right:-86px;bottom:-90px;width:290px;height:290px;border:1px solid rgba(255,198,73,.34);border-radius:50%;background:radial-gradient(circle,rgba(255,198,73,.22),transparent 64%);content:"";animation:radar-pulse 2.8s ease-in-out infinite}.panel-topline,.system-readout{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;color:var(--dim);font-size:12px;font-weight:900;letter-spacing:.16em}.signal{color:var(--lime);text-shadow:0 0 18px rgba(197,255,90,.58);animation:blink 1.3s ease-in-out infinite}.portrait-card{position:relative;z-index:1;display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;margin:58px 0 32px;padding:14px;border:1px solid rgba(255,244,213,.13);border-radius:24px;background:#fff4d50e;box-shadow:inset 0 0 0 1px #ffc64905;animation:profile-glow 4.8s ease-in-out infinite}.portrait-card img{display:block;width:104px;height:104px;border-radius:22px;object-fit:cover;box-shadow:0 18px 44px #00000052;animation:avatar-breathe 5.4s ease-in-out infinite}.portrait-card span{display:block;color:var(--amber);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.portrait-card strong{display:block;margin-top:4px;color:var(--paper);font-size:22px;line-height:1.1;letter-spacing:-.05em}.download-counter{position:relative;z-index:1;display:grid;gap:12px;margin:0 0 26px}.download-counter span{color:var(--muted);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.download-counter strong{color:var(--paper);font-size:clamp(45px,6.4vw,78px);font-weight:900;line-height:.98;letter-spacing:-.08em;text-shadow:0 0 36px rgba(255,198,73,.2)}.command-panel p{position:relative;z-index:1;max-width:360px;margin-bottom:26px;color:var(--muted)}.system-readout{margin-top:auto}.system-readout span{display:block;flex:1;padding:12px 10px;border:1px solid rgba(255,244,213,.11);border-radius:16px;background:#fff4d50b;color:var(--muted);text-align:center}.section-block,.impact-section,.contact-section{scroll-margin-top:110px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:34px}.section-heading h2{max-width:860px;margin-bottom:0;font-size:clamp(28px,4.4vw,52px);line-height:1.08}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.expertise-card,.service-row,.project-card,.contact-form{border:1px solid rgba(255,244,213,.13);background:var(--panel);box-shadow:0 20px 70px #00000042;backdrop-filter:blur(18px)}.metric-card{position:relative;overflow:hidden;min-height:228px;padding:23px;border-radius:var(--radius-lg);transition:transform .24s ease,border-color .24s ease,background .24s ease}.metric-card:before{position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 22px var(--lime);content:"";animation:blink 1.8s ease-in-out infinite}.metric-card:after{position:absolute;inset:auto -20% -54% 20%;height:150px;background:radial-gradient(circle,rgba(255,198,73,.2),transparent 68%);content:"";transition:transform .24s ease}.metric-card:hover{border-color:#ffc6498c;background:#191f2de6;transform:translateY(-6px) rotate(-.6deg)}.metric-card:hover:after{transform:translateY(-16px) scale(1.12)}.metric-card strong{display:block;margin-bottom:28px;color:var(--amber);font-size:clamp(42px,5vw,68px);font-weight:900;line-height:.9;letter-spacing:-.08em}.metric-card span{display:block;color:var(--paper);font-size:18px;font-weight:900;letter-spacing:-.04em}.metric-card p{margin:6px 0 0;color:var(--muted)}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.expertise-card{position:relative;overflow:hidden;padding:28px;border-radius:var(--radius-xl);transition:transform .24s ease,border-color .24s ease,background .24s ease}.expertise-card:before,.project-card:before,.service-row:before{position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,rgba(255,198,73,.14),transparent 44%,rgba(103,232,249,.1));content:"";transition:opacity .24s ease}.expertise-card:hover,.project-card:hover,.service-row:hover{border-color:#ffc64980;transform:translateY(-6px)}.expertise-card:hover:before,.project-card:hover:before,.service-row:hover:before{opacity:1}.card-index,.row-number{position:relative;z-index:1;color:var(--amber);font-size:13px;font-weight:900;letter-spacing:.18em}.expertise-card h3,.service-row h3,.project-card h3{position:relative;z-index:1;margin:16px 0 10px;font-size:clamp(23px,2.5vw,34px);line-height:1.08;letter-spacing:-.06em}.expertise-card p,.service-row p,.project-card p,.contact-copy p{position:relative;z-index:1;color:var(--muted)}.expertise-card ul,.service-row ul{position:relative;z-index:1;display:grid;gap:9px;margin:24px 0;padding:0;list-style:none}.expertise-card li,.service-row li{position:relative;padding-left:18px;color:var(--ink);font-weight:600}.expertise-card li:before,.service-row li:before{position:absolute;top:.72em;left:0;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px #ffc64970;content:""}.tag-list{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:7px 10px;border:1px solid rgba(255,244,213,.1);border-radius:999px;background:#fff4d50b;color:var(--muted);font-size:13px;font-weight:700}.channel-cloud{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.channel-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:76px;overflow:hidden;padding:12px;border:1px solid rgba(255,244,213,.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,198,73,.1),transparent 54%),#fff4d50b;color:var(--muted);font:inherit;text-align:left;box-shadow:0 14px 44px #0000002e;transition:border-color .18s ease,transform .18s ease,background .18s ease}.channel-card:before{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 0%,rgba(255,198,73,.22),transparent 52%);content:"";transition:opacity .18s ease}.channel-card:hover,.channel-card:focus-visible{border-color:#ffc6498c;background:#fff4d512;outline:none;transform:translateY(-3px)}.channel-card:hover:before,.channel-card:focus-visible:before{opacity:1}.channel-card.is-static{cursor:default}.channel-card.is-copy{cursor:copy}.channel-code,.channel-body,.channel-arrow{position:relative;z-index:1}.channel-code{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,198,73,.42);border-radius:16px;background:linear-gradient(135deg,#ffc6493d,#67e8f914);color:var(--amber)}.channel-code svg{width:23px;height:23px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.channel-code svg path:first-child:last-child{fill:currentColor;stroke:none}.channel-body{display:grid;gap:1px;min-width:0}.channel-body strong{color:var(--paper);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.channel-body span{overflow:hidden;color:var(--muted);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.channel-arrow{color:var(--amber);font-size:15px;opacity:.72;transition:transform .18s ease,opacity .18s ease}.channel-card:hover .channel-arrow,.channel-card:focus-visible .channel-arrow{opacity:1;transform:translate(2px,-2px)}.services-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-row{position:relative;display:flex;min-height:100%;flex-direction:column;gap:24px;align-items:stretch;overflow:hidden;padding:26px;border-radius:var(--radius-lg);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.service-row:after{position:absolute;inset:-45% -75%;z-index:0;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,244,213,.2) 48%,rgba(197,255,90,.12) 52%,transparent 62%);content:"";pointer-events:none;transform:translate(-38%) rotate(8deg);transition:opacity .18s ease,transform .68s cubic-bezier(.16,1,.3,1)}.service-row:hover{background:#191f2de0;box-shadow:0 24px 80px #00000057,0 0 38px #ffc64914}.service-row:hover:after{opacity:1;transform:translate(38%) rotate(8deg)}.service-row h3{margin-top:10px}.service-row p{margin-bottom:0}.service-row ul{margin:0}.process-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.process-track li{position:relative;min-height:184px;overflow:hidden;padding:22px;border:1px solid rgba(255,244,213,.12);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffc6491a,#fff4d509)}.process-track li:after{position:absolute;inset:auto 18px 18px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--amber),var(--cyan));content:"";transform:scaleX(0);transform-origin:left;transition:transform .62s cubic-bezier(.2,.8,.2,1)}.process-track li.in-view:after{transform:scaleX(1)}.process-track span{color:var(--amber);font-weight:900}.process-track strong{display:block;margin-top:42px;font-size:19px;line-height:1.2}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;min-height:270px;padding:26px;border-radius:var(--radius-xl);transition:transform .24s ease,border-color .24s ease}.project-card:after{position:absolute;right:-58px;bottom:-58px;width:150px;height:150px;border-radius:44px;background:linear-gradient(135deg,#ffc64933,#67e8f914);content:"";transform:rotate(18deg)}.project-card>span{position:relative;z-index:1;color:var(--amber);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-card strong{position:absolute;bottom:26px;left:26px;z-index:1;color:var(--paper)}.contact-section{align-items:stretch;padding:28px;border:1px solid rgba(255,244,213,.12);border-radius:calc(var(--radius-xl) + 8px);background:radial-gradient(circle at 8% 10%,rgba(255,198,73,.15),transparent 24rem),radial-gradient(circle at 96% 80%,rgba(103,232,249,.1),transparent 20rem),#fff4d509}.contact-copy{align-self:center;padding:20px}.contact-copy h2{margin-bottom:18px;font-size:clamp(28px,4.3vw,50px);line-height:1.08}.contact-form{display:grid;gap:16px;padding:24px;border-radius:var(--radius-xl);background:var(--panel-strong)}.contact-form label{display:grid;gap:8px}.contact-form label span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,244,213,.12);border-radius:16px;background:#00000038;color:var(--ink);outline:none;padding:14px 16px;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffc64994;background:#00000052;box-shadow:0 0 0 4px #ffc6491a}.contact-form button:disabled{cursor:wait;opacity:.68;transform:none}.hp-field{position:absolute;left:-9999px}.contact-form ::placeholder{color:#b9b2a194}.form-footer{justify-content:space-between}.form-footer small,.form-status{color:var(--muted)}.form-status{min-height:26px;margin:0}.reveal{opacity:0;transform:translateY(34px) scale(.97);filter:blur(10px);transition:opacity .76s cubic-bezier(.2,.8,.2,1),transform .76s cubic-bezier(.2,.8,.2,1),filter .76s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay, 0ms)}.reveal.in-view{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.delay-1{--delay: .14s}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(80px)}}@keyframes float-orb{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(36px,26px,0) rotate(32deg) scale(1.08)}}@keyframes frame-drift{0%{transform:rotate(12deg) translateZ(0)}to{transform:rotate(7deg) translate3d(14px,10px,0)}}@keyframes line-run{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes radar-pulse{0%,to{transform:scale(.92);opacity:.78}50%{transform:scale(1.08);opacity:1}}@keyframes panel-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes profile-glow{0%,to{border-color:#fff4d521;box-shadow:inset 0 0 0 1px #ffc64905}50%{border-color:#ffc64947;box-shadow:inset 0 0 0 1px #ffc64914,0 0 34px #ffc6491a}}@keyframes avatar-breathe{0%,to{transform:scale(1);box-shadow:0 18px 44px #00000052}50%{transform:scale(1.025);box-shadow:0 22px 54px #ffc64924,0 18px 44px #00000052}}@keyframes blink{0%,to{opacity:.48}50%{opacity:1}}@media(max-width:980px){.site-shell{width:min(100% - 28px,var(--max-width))}.section-grid,.contact-section{grid-template-columns:1fr}.metrics-grid,.expertise-grid,.project-grid,.services-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.process-track{grid-template-columns:1fr}.process-track li{min-height:auto}.process-track strong{margin-top:18px}}@media(max-width:720px){.site-header{align-items:flex-start;border-radius:24px;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap;align-items:flex-start}.nav-links{flex:1 1 100%;width:100%;overflow-x:auto;padding-bottom:2px}.locale-links{padding-left:0;border-left:0}main{gap:84px}.hero{min-height:auto;padding-top:18px}.hero-copy:before{display:none}h1{font-size:clamp(42px,13vw,72px);letter-spacing:-.07em}h1:after{display:block;margin:12px 0 0}.command-panel{min-height:430px;padding:22px}.portrait-card{grid-template-columns:82px 1fr;margin-top:34px}.portrait-card img{width:82px;height:82px}.system-readout{flex-direction:column}.metrics-grid,.expertise-grid,.project-grid,.services-stack,.channel-cloud{grid-template-columns:1fr}.contact-section,.contact-copy{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}}