:root {
  --bg: #07080c;
  --surface: #0d0f16;
  --surface-2: #121521;
  --line: rgba(255,255,255,.12);
  --text: #f5f5f1;
  --muted: #9a9dab;
  --cyan: #39e7ff;
  --violet: #9b6cff;
  --lime: #c7ff45;
  --pink: #ff69c7;
  --max: 1240px;
  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f5faff;
  --surface: #ffffff;
  --surface-2: #edf5fc;
  --line: rgba(13,59,102,.14);
  --text: #0b2945;
  --muted: #63788d;
  --cyan: #1687c8;
  --violet: #356fa5;
  --lime: #0b7285;
  --pink: #4267b2;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { color: #07080c; background: var(--cyan); }

.noise {
  position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.spotlight {
  position: fixed; z-index: -1; width: 620px; height: 620px; border-radius: 50%; pointer-events: none;
  left: var(--mouse-x, 65vw); top: var(--mouse-y, 20vh); transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(57,231,255,.09), transparent 64%); filter: blur(16px);
}
.scroll-progress { position: fixed; z-index: 120; inset: 0 0 auto; height: 2px; background: transparent; }
.scroll-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg,var(--cyan),var(--violet),var(--lime)); }
.section-shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }

.site-header {
  position: fixed; z-index: 90; top: 18px; left: 50%; transform: translateX(-50%);
  width: min(calc(100% - 36px), var(--max)); min-height: 66px; display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px 10px 20px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px;
  background: rgba(7,8,12,.72); backdrop-filter: blur(18px); box-shadow: 0 16px 50px rgba(0,0,0,.28);
}
.brand { display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.14em; }
.brand-logo-shell{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;padding:3px;border:1px solid rgba(57,231,255,.25);border-radius:12px;background:rgba(57,231,255,.06);box-shadow:0 9px 24px rgba(57,231,255,.09);transition:transform .25s,border-color .25s,box-shadow .25s}.brand:hover .brand-logo-shell{transform:translateY(-2px) rotate(-2deg);border-color:rgba(57,231,255,.55);box-shadow:0 12px 32px rgba(57,231,255,.17)}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.header-tools { display: flex; align-items: center; gap: 18px; }
.lang-toggle{width:108px;height:42px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);box-shadow:0 8px 22px rgba(0,0,0,.16);cursor:pointer;transition:border-color .2s,box-shadow .2s}.lang-toggle:hover{border-color:rgba(57,231,255,.45);box-shadow:0 10px 28px rgba(57,231,255,.12)}.lang-option{height:34px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:9px;opacity:.46;filter:saturate(.55);transition:opacity .2s,filter .2s,background .2s,box-shadow .2s,transform .2s}.lang-option img{display:block;width:28px;height:18px;object-fit:cover;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.28)}.lang-option b{font:800 7px ui-monospace,monospace;letter-spacing:.06em;color:var(--text)}.lang-toggle[data-lang="vi"] .lang-option-vi,.lang-toggle[data-lang="en"] .lang-option-en{opacity:1;filter:none;background:rgba(57,231,255,.13);box-shadow:inset 0 0 0 1px rgba(57,231,255,.2);transform:translateY(-1px)}.lang-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.theme-toggle { position: relative; width: 62px; height: 32px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 3px; color: #858997; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035); cursor: pointer; }
.theme-toggle span { position: relative; z-index: 2; font-size: 13px; line-height: 1; }
.theme-toggle i { position: absolute; z-index: 1; top: 3px; right: 3px; width: 24px; height: 24px; border-radius: 50%; background: #f3f5f8; box-shadow: 0 4px 12px rgba(0,0,0,.25); transition: transform .3s ease, background .3s ease; }
:root[data-theme="light"] .theme-toggle i { transform: translateX(-30px); background: #fff; box-shadow: 0 4px 14px rgba(13,59,102,.15); }
:root[data-theme="light"] .theme-toggle span:first-child { color: #1687c8; }
:root[data-theme="dark"] .theme-toggle span:nth-child(2) { color: #0b2945; }
.nav { display: flex; align-items: center; gap: 23px; }
.nav a { color: #babcc5; font-size: 13px; transition: color .2s ease; }
.nav a:hover,.nav a.active { color: #fff; }
.nav-cta { display: flex; gap: 12px; align-items: center; padding: 13px 17px; border: 1px solid var(--line); border-radius: 11px; color: #fff !important; }
.nav-cta:hover { border-color: var(--cyan); background: rgba(57,231,255,.06); }
.menu-toggle { display: none; background: none; border: 0; width: 42px; height: 42px; padding: 12px; }
.menu-toggle span { display: block; height: 1px; background: #fff; margin: 6px 0; transition: .25s; }

.hero { min-height: 100vh; padding-top: 180px; padding-bottom: 70px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 72px; align-items: center; position: relative; }
.hero::before { content:""; position: absolute; inset: 0; z-index:-2; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom,#000 55%,transparent 96%); }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #aeb1bd; font: 700 11px/1.2 ui-monospace, monospace; letter-spacing: .14em; }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(199,255,69,.1),0 0 20px var(--lime); animation: pulse 2s infinite; }
@keyframes pulse { 50% { opacity:.55; box-shadow:0 0 0 2px rgba(199,255,69,.15),0 0 10px var(--lime); } }
.hero h1 { margin: 28px 0 28px; max-width: 800px; font-size: clamp(52px,6.2vw,96px); line-height: .94; letter-spacing: -.065em; }
.hero h1 span { display: block; }
.hero-outline { color: transparent; -webkit-text-stroke: 1px rgba(245,245,241,.75); }
.hero-accent { background: linear-gradient(110deg,var(--cyan),#7b8cff 50%,var(--violet)); -webkit-background-clip:text; color:transparent; }
.hero-intro { max-width: 670px; margin:0; color:#a8abb6; font-size: clamp(16px,1.5vw,19px); line-height:1.75; }
.hero-intro strong { color:#fff; }
.typed { display:inline-block; color:var(--cyan); border-right:1px solid var(--cyan); line-height:1.1; padding-right:3px; }
.hero-actions { margin-top:38px; display:flex; align-items:center; gap:30px; }
.button { min-width:194px; min-height:54px; display:inline-flex; align-items:center; justify-content:space-between; gap:26px; padding:0 22px; border:1px solid transparent; border-radius:12px; font-weight:750; font-size:13px; line-height:1.2; transition:transform .2s,box-shadow .2s,border-color .2s,background .2s; }
.button-primary { color:#061014; background:var(--cyan); box-shadow:0 12px 40px rgba(57,231,255,.17); }
.button-primary:hover { box-shadow:0 18px 50px rgba(57,231,255,.3); }
.button-secondary{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.025)}
.button-secondary:hover{border-color:var(--cyan);background:rgba(57,231,255,.07);box-shadow:0 14px 38px rgba(57,231,255,.1)}
.button-secondary span{color:var(--cyan)}

.hero-visual { position:relative; min-height:440px; display:grid; place-items:center; perspective:1000px; }
.code-window { position:relative; z-index:2; width:min(100%,520px); overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:rgba(12,14,21,.91); box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 90px rgba(83,92,255,.08); transform-style:preserve-3d; }
.window-bar { height:49px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 15px; color:#727684; border-bottom:1px solid var(--line); font:10px ui-monospace,monospace; }
.window-dots { display:flex; gap:6px; }
.window-dots i { width:7px;height:7px;border-radius:50%;background:#3e414c; }
.window-dots i:first-child{background:#ff6270}.window-dots i:nth-child(2){background:#ffc452}.window-dots i:last-child{background:#4bd96e}
.window-status { justify-self:end;color:#7de798;letter-spacing:.08em; }
.code-content { padding:27px 20px 29px; font:12px/2.05 ui-monospace,SFMono-Regular,Consolas,monospace; color:#ccd0db; }
.code-content>div { white-space:nowrap; }
.line-no { display:inline-block;width:36px;color:#3f4350;user-select:none; }
.pink{color:var(--pink)}.blue{color:#7ad9ff}.green{color:#b7e885}
.code-result { margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:var(--cyan); }
.orbit { position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%; }
.orbit::after { content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);top:10%;left:18%; }
.orbit-one { width:430px;height:430px;animation:spin 24s linear infinite; }
.orbit-two { width:560px;height:560px;border-style:dashed;animation:spin 35s linear reverse infinite; }
@keyframes spin{to{transform:rotate(360deg)}}
.float-tag { position:absolute;z-index:3;padding:10px 13px;border:1px solid var(--line);background:rgba(7,8,12,.8);backdrop-filter:blur(10px);border-radius:8px;font:700 10px ui-monospace,monospace;letter-spacing:.1em;box-shadow:0 16px 30px rgba(0,0,0,.3); }
.tag-code{left:-5px;top:80px;color:var(--cyan);animation:float 4s ease-in-out infinite}.tag-growth{right:-6px;bottom:75px;color:var(--lime);animation:float 4s ease-in-out 1s infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.hero-meta { grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);max-width:710px;gap:30px; }
.hero-meta>div{display:flex;align-items:center;gap:16px}.meta-number{font-size:27px;font-weight:800;letter-spacing:-.04em}.hero-meta>div:nth-child(2) .meta-number{color:var(--cyan)}.hero-meta>div:nth-child(3) .meta-number{color:var(--lime)}
.hero-meta div span:last-child{color:#767987;font-size:10px;line-height:1.55;letter-spacing:.08em;text-transform:uppercase}

.marquee { overflow:hidden;border-block:1px solid var(--line);background:#0a0c12;transform:rotate(-1.4deg) scale(1.03); }
.marquee-track{display:flex;width:max-content;align-items:center;gap:26px;padding:16px 0;animation:marquee 28s linear infinite;font:800 12px ui-monospace,monospace;letter-spacing:.14em;color:#777b88}.marquee i{color:var(--cyan);font-style:normal}
@keyframes marquee{to{transform:translateX(-50%)}}

.about{padding:170px 0 140px}.section-label{display:flex;align-items:center;gap:15px;color:#7f8290;font:700 10px ui-monospace,monospace;letter-spacing:.18em}.section-label span{color:var(--cyan)}
.section-label>span:not(:first-child){color:inherit}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:58px}.about h2,.section-heading h2,.process h2{margin:0;font-size:clamp(39px,5vw,70px);line-height:1.04;letter-spacing:-.055em}.about h2{max-width:600px}.about-copy{max-width:560px}.about-copy p{margin:0 0 22px;color:#a6a9b5;font-size:17px;line-height:1.8}.about-copy strong{color:#fff}.signature{margin-top:45px;font:italic 700 28px Georgia,serif;color:var(--cyan)}.signature span{font:10px ui-monospace,monospace;color:#777b88;letter-spacing:.15em;margin-left:12px}
.freelance{padding:40px 0 150px}.freelance-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;padding:34px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(16,20,31,.95),rgba(8,10,16,.98));box-shadow:0 30px 90px rgba(0,0,0,.2)}.freelance-intro{padding:26px 26px 26px 12px}.freelance-status{width:max-content;display:flex;align-items:center;gap:10px;margin:42px 0 22px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#8f93a0;font:700 9px ui-monospace,monospace;letter-spacing:.12em}.freelance-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.freelance-intro h2{margin:0 0 25px;font-size:clamp(42px,4.5vw,66px);line-height:1;letter-spacing:-.055em}.freelance-intro h2 em{color:var(--cyan);font-style:normal}.freelance-intro>p{max-width:520px;margin:0 0 25px;color:#8c8f9b;line-height:1.75}.freelance-services{display:grid;grid-template-columns:1fr 1fr;gap:12px;perspective:1000px}.freelance-card{position:relative;min-height:235px;padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:border-color .3s,transform .2s}.freelance-card:hover{border-color:rgba(57,231,255,.3)}.freelance-card>span{color:#5c616e;font:9px ui-monospace,monospace}.freelance-card>i{position:absolute;right:20px;top:18px;color:var(--cyan);font:700 16px ui-monospace,monospace;font-style:normal}.freelance-card h3{margin:0 0 10px;font-size:24px}.freelance-card p{margin:0;color:#858995;font-size:13px;line-height:1.65}.freelance-card:nth-child(2)>i{color:#c59cff}.freelance-card:nth-child(3)>i{color:var(--lime)}.freelance-card:nth-child(4)>i{color:var(--pink)}

.expertise{padding:115px 0 150px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:60px}.section-heading .section-label{grid-column:1/-1}.section-heading h2 em,.process h2 em{color:var(--cyan);font-style:normal}.section-heading>p{max-width:430px;margin:0;color:#8c8f9b;line-height:1.8}
.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;perspective:1000px}.skill-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;padding:34px;background:linear-gradient(145deg,rgba(17,20,30,.95),rgba(10,12,18,.95));transition:border-color .3s,transform .2s}.skill-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--cyan)}.panel-marketing::before{background:linear-gradient(90deg,var(--violet),var(--pink))}.skill-panel:hover{border-color:rgba(255,255,255,.25)}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-index{font:700 10px ui-monospace,monospace;letter-spacing:.15em;color:#757988}.panel-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(57,231,255,.25);border-radius:14px;color:var(--cyan);font:700 17px ui-monospace,monospace;background:rgba(57,231,255,.05)}.panel-marketing .panel-icon{color:#d7b9ff;border-color:rgba(155,108,255,.3);background:rgba(155,108,255,.08)}
.skill-panel h3{margin:36px 0 12px;font-size:37px;letter-spacing:-.04em}.skill-panel>p{min-height:52px;margin:0 0 33px;max-width:440px;color:#8c8f9c;line-height:1.65}.skill-list{border-top:1px solid var(--line)}.skill-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:19px 0;color:#ddd;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left}.skill-row span{display:flex;align-items:center;gap:16px}.skill-row b{color:#4e5361;font:10px ui-monospace,monospace}.skill-row i{color:var(--cyan);font-style:normal;font-size:20px;font-weight:300;transition:transform .25s}.panel-marketing .skill-row i{color:#c59cff}.skill-row[aria-expanded="true"] i{transform:rotate(45deg)}.skill-detail{max-height:0;overflow:hidden;color:#858996;font-size:13px;line-height:1.65;transition:max-height .35s ease,padding .35s ease;border-bottom:1px solid transparent}.skill-detail.open{max-height:100px;padding:14px 0 18px;border-color:var(--line)}.tech-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.tech-line span,.tags i{padding:7px 9px;border:1px solid var(--line);border-radius:5px;color:#6f7380;font:700 9px ui-monospace,monospace;letter-spacing:.08em}

.marketing-system{padding:120px 0 155px}.growth-system-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px;perspective:1200px}.growth-loop,.campaign-console{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,rgba(15,18,28,.98),rgba(9,11,17,.96));box-shadow:0 30px 80px rgba(0,0,0,.16)}.growth-loop:before{content:"";position:absolute;inset:12%;border:1px dashed rgba(155,108,255,.24);border-radius:50%;animation:spin 28s linear infinite}.growth-loop:after{content:"";position:absolute;inset:26%;border:1px solid rgba(57,231,255,.16);border-radius:50%}.growth-loop-core{position:absolute;z-index:3;left:50%;top:50%;width:128px;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;color:#071018;background:linear-gradient(145deg,var(--cyan),var(--violet));box-shadow:0 0 70px rgba(57,231,255,.18)}.growth-loop-core span{font:900 19px ui-monospace,monospace;letter-spacing:.05em}.growth-loop-core small{margin-top:5px;font:800 7px ui-monospace,monospace;letter-spacing:.11em}.growth-node{position:absolute;z-index:4;width:205px;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(13,16,25,.88);backdrop-filter:blur(14px)}.growth-node>b{color:var(--cyan);font:800 9px ui-monospace,monospace}.growth-node h3{margin:0 0 6px;font-size:15px}.growth-node p{margin:0;color:#858995;font-size:11px;line-height:1.55}.growth-node-a{left:25px;top:36px}.growth-node-b{right:24px;top:82px}.growth-node-c{right:28px;bottom:45px}.growth-node-d{left:24px;bottom:72px}.campaign-console{padding:0 26px 28px}.campaign-head{height:58px;display:flex;align-items:center;justify-content:space-between;margin:0 -26px 26px;padding:0 22px;border-bottom:1px solid var(--line);color:#6d7280;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.campaign-head i{color:#68d78c;font-style:normal}.campaign-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.campaign-kpis article{padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.campaign-kpis span,.campaign-kpis small{display:block;color:#666b78;font:800 8px ui-monospace,monospace;letter-spacing:.1em}.campaign-kpis strong{display:block;margin:13px 0 6px;color:var(--cyan);font-size:27px;letter-spacing:-.04em}.campaign-kpis article:nth-child(2) strong{color:#c59cff}.campaign-kpis article:nth-child(3) strong{color:var(--lime)}.campaign-chart{position:relative;height:240px;display:flex;align-items:flex-end;gap:14px;margin:26px 0;padding:24px 20px 0;border:1px solid var(--line);border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.045) 48px)}.campaign-chart i{position:relative;z-index:2;flex:1;min-width:12px;border-radius:5px 5px 0 0;background:linear-gradient(var(--cyan),rgba(57,231,255,.09));transform-origin:bottom;animation:metricRise 3.8s ease-in-out infinite alternate}.campaign-chart i:nth-child(1){height:34%}.campaign-chart i:nth-child(2){height:49%}.campaign-chart i:nth-child(3){height:43%}.campaign-chart i:nth-child(4){height:67%}.campaign-chart i:nth-child(5){height:73%}.campaign-chart i:nth-child(6){height:91%}.campaign-chart span{position:absolute;z-index:3;left:5%;right:5%;bottom:26%;height:2px;background:linear-gradient(90deg,var(--violet),var(--pink));transform:rotate(-10deg);box-shadow:0 0 14px rgba(155,108,255,.55)}@keyframes metricRise{to{filter:brightness(1.35);transform:scaleY(.92)}}.campaign-flow{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#747986;font:800 8px ui-monospace,monospace;letter-spacing:.07em}.campaign-flow b{color:var(--cyan)}

.creative-performance{padding:120px 0 160px}.creative-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(225px,auto);gap:18px;perspective:1200px}.creative-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:225px;padding:26px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:border-color .3s,transform .25s}.creative-card:hover{border-color:rgba(155,108,255,.4)}.creative-card>span{color:#636875;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.creative-card>i{position:absolute;right:24px;top:22px;color:#c59cff;font-size:20px;font-style:normal}.creative-card h3{margin:0 0 10px;font-size:25px;letter-spacing:-.03em}.creative-card p{max-width:470px;margin:0;color:#898d99;font-size:13px;line-height:1.7}.creative-card small{color:#5f6470;font:800 8px ui-monospace,monospace;letter-spacing:.11em}.creative-main{grid-row:span 2;min-height:468px;background:radial-gradient(circle at 80% 18%,rgba(155,108,255,.18),transparent 38%),linear-gradient(145deg,rgba(21,17,34,.92),rgba(10,12,18,.98))}.creative-main:after{content:"";position:absolute;width:290px;height:290px;right:-95px;bottom:-100px;border:1px dashed rgba(197,156,255,.25);border-radius:50%}.creative-main h3{font-size:36px}.creative-wide{grid-column:2/4}.creative-signal{height:42px;display:flex;align-items:flex-end;gap:7px;margin-top:20px}.creative-signal b{flex:1;border-radius:4px;background:linear-gradient(180deg,var(--cyan),rgba(57,231,255,.08))}.creative-signal b:nth-child(1){height:28%}.creative-signal b:nth-child(2){height:55%}.creative-signal b:nth-child(3){height:42%}.creative-signal b:nth-child(4){height:79%}.creative-signal b:nth-child(5){height:100%}

.stack{padding:120px 0 150px}.stack-board{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(17,20,30,.88),rgba(9,11,17,.96))}.stack-lane{display:grid;grid-template-columns:190px 1fr;align-items:center;min-height:116px;border-bottom:1px solid var(--line)}.lane-label{display:flex;align-items:center;gap:12px;height:100%;padding:0 28px;border-right:1px solid var(--line);color:#9498a5;font:700 10px ui-monospace,monospace;letter-spacing:.13em}.lane-label span{color:var(--cyan);font-size:17px}.stack-lane:nth-child(2) .lane-label span{color:#c59cff}.lane-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lane-track{display:flex;width:max-content;gap:12px;padding:20px;will-change:transform}.lane-track i{min-width:max-content;padding:15px 20px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035);color:#c5c8d1;font:700 10px ui-monospace,monospace;font-style:normal;letter-spacing:.1em}.lane-forward{animation:laneMove 28s linear infinite}.lane-reverse{animation:laneMove 32s linear infinite reverse}.stack-board:hover .lane-track{animation-play-state:paused}@keyframes laneMove{to{transform:translateX(-50%)}}.stack-note{display:flex;align-items:center;gap:14px;padding:23px 28px}.stack-note p{margin:0;color:#858995;font-size:13px;line-height:1.7}.status-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}

.work{padding:120px 0 150px}.section-heading.horizontal{grid-template-columns:1.3fr .7fr}.section-heading.horizontal .section-label{margin-bottom:38px}.work-list{border-top:1px solid var(--line)}.work-card{position:relative;min-height:260px;display:grid;grid-template-columns:70px 1fr 330px 40px;gap:35px;align-items:center;padding:35px 10px;border-bottom:1px solid var(--line);overflow:hidden;transition:background .35s}.work-card:hover{background:rgba(255,255,255,.025)}.work-no{align-self:start;padding-top:7px;color:#505461;font:11px ui-monospace,monospace}.work-content>span{color:var(--cyan);font:700 9px ui-monospace,monospace;letter-spacing:.15em}.work-card[data-accent="violet"] .work-content>span{color:#b893ff}.work-card[data-accent="lime"] .work-content>span{color:var(--lime)}.work-content h3{margin:13px 0 12px;font-size:30px;letter-spacing:-.035em}.work-content p{max-width:520px;margin:0;color:#858995;line-height:1.65}.tags{display:flex;gap:7px;margin-top:25px}.work-visual{position:relative;height:175px;border-radius:14px;border:1px solid var(--line);background:#0b0d14;overflow:hidden;transition:transform .4s ease;box-shadow:0 20px 40px rgba(0,0,0,.2)}.work-card:hover .work-visual{transform:scale(1.025) rotate(-1deg)}.work-arrow{font-size:22px;color:#666b78;transition:.3s}.work-card:hover .work-arrow{color:#fff;transform:translate(3px,-3px)}
.visual-web{padding:18px;background:linear-gradient(145deg,#0b1020,#16102b)}.visual-web:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);border-radius:7px}.visual-web span{position:absolute;left:38px;height:8px;border-radius:5px;background:#293044}.visual-web span:first-child{top:52px;width:43%;background:var(--cyan)}.visual-web span:nth-child(2){top:74px;width:66%}.visual-web span:nth-child(3){top:100px;width:31%;height:25px;background:var(--violet)}
.visual-app{background:radial-gradient(circle at 70% 20%,rgba(155,108,255,.3),transparent 35%),#0b0d14}.visual-app span{position:absolute;bottom:-15px;width:82px;height:150px;border:1px solid rgba(255,255,255,.18);border-radius:17px 17px 0 0;background:#10131d}.visual-app span:first-child{left:42px}.visual-app span:nth-child(2){left:125px;bottom:-5px;background:linear-gradient(180deg,rgba(155,108,255,.4),#11131c)}.visual-app span:nth-child(3){right:38px}
.visual-data{display:flex;align-items:flex-end;gap:16px;padding:25px 45px;background:linear-gradient(180deg,rgba(199,255,69,.04),transparent),repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,255,255,.04) 28px)}.visual-data span{flex:1;background:linear-gradient(var(--lime),rgba(199,255,69,.12));border-radius:4px 4px 0 0}.visual-data span:first-child{height:31%}.visual-data span:nth-child(2){height:57%}.visual-data span:nth-child(3){height:46%}.visual-data span:nth-child(4){height:86%}

.tech-radar{padding:120px 0 160px}.radar-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.radar-visual{position:relative;aspect-ratio:1;max-width:520px;border:1px solid var(--line);border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(57,231,255,.07),transparent 62%)}.radar-visual:before,.radar-visual:after{content:"";position:absolute;background:var(--line)}.radar-visual:before{width:1px;height:100%;left:50%}.radar-visual:after{width:100%;height:1px;top:50%}.radar-ring{position:absolute;left:50%;top:50%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:32%;height:32%}.ring-b{width:62%;height:62%}.ring-c{width:86%;height:86%}.radar-sweep{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,rgba(57,231,255,.22),transparent 23%,transparent);animation:radarSpin 6s linear infinite}.radar-core{position:absolute;z-index:3;left:50%;top:50%;width:106px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#071018;font:900 20px ui-monospace,monospace;box-shadow:0 0 70px rgba(57,231,255,.22)}.radar-core small{font-size:7px;letter-spacing:.12em}.radar-point{position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:pointPulse 2.5s ease-in-out infinite}.point-a{left:21%;top:32%}.point-b{right:20%;top:25%;animation-delay:.5s}.point-c{right:31%;bottom:17%;animation-delay:1s}.point-d{left:16%;bottom:25%;animation-delay:1.5s}@keyframes radarSpin{to{transform:rotate(360deg)}}@keyframes pointPulse{50%{transform:scale(1.7);opacity:.45}}.radar-list{border-top:1px solid var(--line)}.radar-item{display:grid;grid-template-columns:44px 1fr 24px;gap:20px;align-items:start;padding:24px 4px;border-bottom:1px solid var(--line)}.radar-item>span{color:#5d6270;font:9px ui-monospace,monospace}.radar-item h3{margin:0 0 9px;font-size:17px}.radar-item p{margin:0;color:#858995;font-size:13px;line-height:1.65}.radar-item>i{color:var(--cyan);font-style:normal;transition:transform .25s}.radar-item:hover>i{transform:translate(3px,-3px)}

.value-engine{padding:120px 0 150px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{position:relative;min-height:360px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));overflow:hidden;transition:transform .35s,border-color .35s}.value-card:hover{transform:translateY(-7px);border-color:rgba(57,231,255,.35)}.value-card:after{content:"";position:absolute;width:220px;height:220px;right:-110px;bottom:-110px;border:1px solid var(--line);border-radius:50%}.value-no{color:#5b5f6c;font:10px ui-monospace,monospace}.value-symbol{width:58px;height:58px;display:grid;place-items:center;margin:52px 0 28px;border:1px solid rgba(57,231,255,.24);border-radius:50%;color:var(--cyan);font-size:21px;background:rgba(57,231,255,.05)}.value-card:nth-child(2) .value-symbol{color:#c59cff;border-color:rgba(197,156,255,.25);background:rgba(197,156,255,.06)}.value-card:nth-child(3) .value-symbol{color:var(--lime);border-color:rgba(199,255,69,.23);background:rgba(199,255,69,.05)}.value-card h3{margin:0 0 14px;font-size:28px;letter-spacing:-.025em}.value-card p{min-height:78px;margin:0;color:#8c8f9b;line-height:1.7}.value-card small{position:relative;z-index:2;display:block;margin-top:30px;color:#666b78;font:700 8px/1.7 ui-monospace,monospace;letter-spacing:.12em}

.collaboration{padding:120px 0 150px}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collab-card{min-height:330px;padding:28px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;transition:transform .35s,border-color .35s}.collab-card:hover{transform:translateY(-7px);border-color:rgba(57,231,255,.3)}.collab-card.featured{background:linear-gradient(145deg,rgba(57,231,255,.09),rgba(155,108,255,.07));border-color:rgba(57,231,255,.26)}.collab-top{display:flex;justify-content:space-between;align-items:center}.collab-top span{color:#5f6470;font:9px ui-monospace,monospace}.collab-top i{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--cyan);font:700 8px ui-monospace,monospace;font-style:normal;letter-spacing:.1em}.collab-card h3{margin:70px 0 15px;font-size:28px;letter-spacing:-.03em}.collab-card p{margin:0;color:#898d99;font-size:14px;line-height:1.7}.collab-card small{margin-top:auto;padding-top:27px;color:#656a77;font:700 8px ui-monospace,monospace;letter-spacing:.11em}

.process{padding:120px 0 170px}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-top:60px}.process-title{position:sticky;top:140px;align-self:start}.process-title em{color:var(--violet)}.process-steps{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:30px 5px;border-bottom:1px solid var(--line)}.process-step>span{color:var(--cyan);font:10px ui-monospace,monospace}.process-step h3{margin:0 0 9px;font-size:20px}.process-step p{margin:0;color:#838794;line-height:1.65}

.faq{padding:110px 0 170px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:grid;grid-template-columns:55px 1fr 34px;align-items:center;gap:20px;padding:27px 6px;color:var(--text);background:none;border:0;cursor:pointer;text-align:left}.faq-question>span{color:#5d6270;font:10px ui-monospace,monospace}.faq-question b{font-size:19px;font-weight:650}.faq-question i{font-size:23px;font-style:normal;font-weight:300;color:var(--cyan);transition:transform .3s}.faq-question[aria-expanded="true"] i{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer p{max-width:760px;margin:0;padding:0 55px 28px 81px;color:#858995;line-height:1.75}

.contact{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;padding:clamp(96px,8vw,145px) clamp(24px,5vw,88px) 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#101420,#0a0b10 58%,#130e23)}.contact-glow{position:absolute;width:720px;height:720px;right:-80px;top:-80px;background:radial-gradient(circle,rgba(155,108,255,.16),transparent 65%)}.contact-grid{width:100%;min-height:560px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(44px,7vw,130px)}.contact-copy{position:relative;z-index:2}.contact-copy h2{max-width:900px;margin:25px 0;font-size:clamp(56px,6vw,104px);line-height:.92;letter-spacing:-.07em}.contact-copy h2 em{display:inline;color:var(--cyan);font-style:normal}.contact-copy p{max-width:680px;color:#a1a4af;font-size:17px;line-height:1.75}.button-light{margin-top:25px;color:#06080d;background:#fff}.button-light:hover{box-shadow:0 18px 50px rgba(255,255,255,.16)}.contact-orbit{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.core{position:relative;z-index:2;width:165px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#07080c;box-shadow:0 0 100px rgba(57,231,255,.2);animation:coreBreathe 4s ease-in-out infinite}.core span{font-size:43px;font-weight:900;letter-spacing:-.06em}.core small{font:700 9px ui-monospace,monospace;letter-spacing:.15em}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 25s linear infinite}.contact-orbit:before{width:330px;height:330px}.contact-orbit:after{width:430px;height:430px;border-style:dashed;animation-direction:reverse}.satellite{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;border:1px solid var(--line);border-radius:50%;background:#11141c;color:var(--cyan);font:700 9px ui-monospace,monospace;font-style:normal;box-shadow:0 10px 28px rgba(0,0,0,.22);will-change:transform}.sat-two{color:var(--lime)}.sat-three{color:#c59cff}@keyframes coreBreathe{50%{box-shadow:0 0 130px rgba(57,231,255,.31);transform:scale(1.025)}}
.contact-channel{margin-top:32px;display:flex;align-items:center;gap:14px}.contact-channel span{padding:7px 9px;border:1px solid rgba(57,231,255,.24);border-radius:6px;color:var(--cyan);font:800 8px ui-monospace,monospace;letter-spacing:.12em}.contact-channel a{font-size:14px;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:3px}.contact-form-shell{position:relative;z-index:3;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(8,11,17,.78);box-shadow:0 35px 90px rgba(0,0,0,.36),0 0 70px rgba(57,231,255,.05);backdrop-filter:blur(18px)}.form-heading{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);color:#737986;font:800 9px ui-monospace,monospace;letter-spacing:.12em}.form-heading i{color:#68d78c;font-style:normal}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px}.form-field{display:flex;flex-direction:column;gap:9px}.form-field-full{grid-column:1/-1}.form-field label{color:#aeb3bf;font:750 10px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.form-field label span{color:#656b78;font-size:8px}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;padding:12px 14px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);outline:none;font:500 13px/1.5 inherit;transition:border-color .2s,box-shadow .2s,background .2s}.form-field textarea{min-height:105px;resize:vertical}.form-field select{cursor:pointer}.form-field option{color:#101826;background:#fff}.form-field input::placeholder,.form-field textarea::placeholder{color:#656b78}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(57,231,255,.62);background:rgba(57,231,255,.045);box-shadow:0 0 0 3px rgba(57,231,255,.08)}.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.form-footer p{max-width:280px;margin:0;color:#717784;font-size:10px;line-height:1.55}.contact-submit{min-width:180px;margin:0;cursor:pointer}.contact-submit:disabled{opacity:.58;cursor:wait}
.form-footer p.is-success{color:#68d78c}
footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:28px;border-top:1px solid var(--line)}footer p{margin:0;color:#616572;font:700 9px ui-monospace,monospace;letter-spacing:.11em}footer p:last-child{text-align:right}
.lai-swal-popup{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:0 30px 100px rgba(0,0,0,.28)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}.lai-swal-confirm,.lai-swal-cancel{border-radius:10px!important;padding:12px 20px!important;font-weight:750!important}.lai-swal-cancel{background:#5e6470!important}

/* Light mode: trắng bạc, lam nước và xanh hải quân. */
:root[data-theme="light"] body { background: var(--bg); }
:root[data-theme="light"] .noise { opacity:.018; mix-blend-mode:multiply; }
:root[data-theme="light"] .spotlight { background:radial-gradient(circle,rgba(22,135,200,.12),transparent 66%); }
:root[data-theme="light"] .site-header { background:rgba(245,250,255,.78);box-shadow:0 16px 50px rgba(13,59,102,.09); }
:root[data-theme="light"] .lang-toggle { background:rgba(255,255,255,.84);box-shadow:0 8px 24px rgba(13,59,102,.09); }
:root[data-theme="light"] .lang-option b { color:#0d3b66; }
:root[data-theme="light"] .lang-toggle[data-lang="vi"] .lang-option-vi,:root[data-theme="light"] .lang-toggle[data-lang="en"] .lang-option-en { background:#fff;box-shadow:0 4px 12px rgba(13,59,102,.12),inset 0 0 0 1px rgba(22,135,200,.12); }
:root[data-theme="light"] .brand-logo-shell { background:#fff;border-color:rgba(13,59,102,.12);box-shadow:0 9px 24px rgba(13,59,102,.1); }
:root[data-theme="light"] .nav a { color:#5c7186; }
:root[data-theme="light"] .nav a:hover,:root[data-theme="light"] .nav a.active { color:#0b2945; }
:root[data-theme="light"] .nav-cta { color:#0b2945!important;background:rgba(255,255,255,.55); }
:root[data-theme="light"] .menu-toggle span { background:#0b2945; }
:root[data-theme="light"] .hero::before { background-image:linear-gradient(rgba(13,59,102,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(13,59,102,.055) 1px,transparent 1px); }
:root[data-theme="light"] .eyebrow { color:#587187; }
:root[data-theme="light"] .hero-outline { -webkit-text-stroke:1px rgba(13,59,102,.65); }
:root[data-theme="light"] .hero-accent { background:linear-gradient(110deg,#1687c8,#2f6ea6 54%,#0d3b66);-webkit-background-clip:text;color:transparent; }
:root[data-theme="light"] .hero-intro,:root[data-theme="light"] .about-copy p { color:#5c7186; }
:root[data-theme="light"] .hero-intro strong,:root[data-theme="light"] .about-copy strong { color:#0b2945; }
:root[data-theme="light"] .button-secondary { color:#0d3b66;background:rgba(255,255,255,.72);border-color:rgba(13,59,102,.18); }
:root[data-theme="light"] .button-primary { color:#fff;background:linear-gradient(135deg,#1687c8,#0d6aa5);box-shadow:0 12px 40px rgba(22,135,200,.18); }
:root[data-theme="light"] .text-link { color:#0d3b66; }
:root[data-theme="light"] .orbit { border-color:rgba(13,59,102,.11); }
:root[data-theme="light"] .float-tag { color:#0d3b66;background:rgba(255,255,255,.86);box-shadow:0 16px 30px rgba(13,59,102,.12); }
:root[data-theme="light"] .tag-code { color:#1687c8; }
:root[data-theme="light"] .tag-growth { color:#0b7285; }
:root[data-theme="light"] .meta-number { color:#0b2945; }
:root[data-theme="light"] .hero-meta div span:last-child { color:#63788d; }
:root[data-theme="light"] .freelance-shell { background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:0 28px 80px rgba(13,59,102,.07); }
:root[data-theme="light"] .freelance-intro>p,:root[data-theme="light"] .freelance-card p { color:#63788d; }
:root[data-theme="light"] .freelance-card { background:rgba(255,255,255,.72); }
:root[data-theme="light"] .marquee { background:#eaf4fc; }
:root[data-theme="light"] .marquee-track { color:#5e758a; }
:root[data-theme="light"] .skill-panel { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,245,252,.98));box-shadow:0 24px 70px rgba(13,59,102,.07); }
:root[data-theme="light"] .growth-loop,:root[data-theme="light"] .campaign-console,:root[data-theme="light"] .creative-card { background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:0 24px 70px rgba(13,59,102,.065); }
:root[data-theme="light"] .growth-node,:root[data-theme="light"] .campaign-kpis article { background:rgba(255,255,255,.84); }
:root[data-theme="light"] .growth-node p,:root[data-theme="light"] .creative-card p { color:#63788d; }
:root[data-theme="light"] .campaign-chart { background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(13,59,102,.055) 48px); }
:root[data-theme="light"] .stack-board { background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:0 24px 70px rgba(13,59,102,.06); }
:root[data-theme="light"] .lane-label { color:#60778c; }
:root[data-theme="light"] .lane-track i { color:#24465f;background:rgba(255,255,255,.78);border-color:rgba(13,59,102,.12); }
:root[data-theme="light"] .stack-note p { color:#63788d; }
:root[data-theme="light"] .value-card { background:linear-gradient(155deg,#fff,#edf5fc);box-shadow:0 18px 55px rgba(13,59,102,.055); }
:root[data-theme="light"] .value-card p,:root[data-theme="light"] .value-card small,:root[data-theme="light"] .faq-answer p { color:#63788d; }
:root[data-theme="light"] .faq-question>span { color:#72899d; }
:root[data-theme="light"] .panel-index,:root[data-theme="light"] .section-label,:root[data-theme="light"] .tech-line span,:root[data-theme="light"] .tags i { color:#63788d; }
:root[data-theme="light"] .skill-panel>p,:root[data-theme="light"] .section-heading>p,:root[data-theme="light"] .work-content p,:root[data-theme="light"] .process-step p { color:#63788d; }
:root[data-theme="light"] .skill-row { color:#173b5b; }
:root[data-theme="light"] .skill-row b { color:#7990a5; }
:root[data-theme="light"] .work-card:hover { background:rgba(22,135,200,.035); }
:root[data-theme="light"] .work-no { color:#7c91a4; }
:root[data-theme="light"] .work-arrow { color:#5f7890; }
:root[data-theme="light"] .radar-item p,:root[data-theme="light"] .collab-card p,:root[data-theme="light"] .collab-card small { color:#63788d; }
:root[data-theme="light"] .radar-visual { background:radial-gradient(circle,rgba(22,135,200,.12),transparent 65%); }
:root[data-theme="light"] .collab-card { background:linear-gradient(155deg,#fff,#edf5fc);box-shadow:0 18px 55px rgba(13,59,102,.05); }
:root[data-theme="light"] .contact { background:linear-gradient(135deg,#edf7ff,#fff 55%,#dfeefa);box-shadow:0 -25px 80px rgba(13,59,102,.06); }
:root[data-theme="light"] .contact-glow { background:radial-gradient(circle,rgba(22,135,200,.13),transparent 65%); }
:root[data-theme="light"] .contact-copy p { color:#5f7489; }
:root[data-theme="light"] .contact-channel a { color:#0d3b66; }
:root[data-theme="light"] .contact-form-shell { background:rgba(255,255,255,.78);border-color:rgba(13,59,102,.12);box-shadow:0 30px 80px rgba(13,59,102,.1); }
:root[data-theme="light"] .form-field label { color:#385b78; }
:root[data-theme="light"] .form-field input,:root[data-theme="light"] .form-field select,:root[data-theme="light"] .form-field textarea { color:#0b2945;background:rgba(255,255,255,.9);border-color:rgba(13,59,102,.14); }
:root[data-theme="light"] .form-field input::placeholder,:root[data-theme="light"] .form-field textarea::placeholder,:root[data-theme="light"] .form-footer p { color:#75899c; }
:root[data-theme="light"] .button-light { color:#fff;background:#0d3b66; }
:root[data-theme="light"] .core { color:#fff;background:linear-gradient(145deg,#73c8f0,#0d3b66); }
:root[data-theme="light"] .contact-orbit:before,:root[data-theme="light"] .contact-orbit:after { border-color:rgba(13,59,102,.15); }
:root[data-theme="light"] .satellite { background:#fff;box-shadow:0 10px 30px rgba(13,59,102,.1); }
:root[data-theme="light"] footer p { color:#647b90; }

.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}

@media (max-width: 1120px){.header-tools{gap:11px}.nav{gap:14px}.nav a{font-size:12px}}

@media (max-width: 1020px){
  .hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{max-width:820px}.hero-visual{min-height:470px}.hero-meta{grid-column:auto}.about-grid,.process-grid{grid-template-columns:1fr;gap:50px}.freelance-shell{grid-template-columns:1fr}.process-title{position:static}.expertise-grid{grid-template-columns:1fr}.growth-system-grid{grid-template-columns:1fr}.creative-grid{grid-template-columns:1fr 1fr}.creative-main,.creative-wide{grid-column:1/-1}.creative-main{grid-row:auto;min-height:360px}.radar-grid{grid-template-columns:1fr}.radar-visual{width:min(100%,520px);margin:0 auto}.value-grid,.collab-grid{grid-template-columns:1fr}.value-card{min-height:290px}.value-symbol{margin:34px 0 22px}.collab-card{min-height:290px}.collab-card h3{margin-top:45px}.work-card{grid-template-columns:55px 1fr 270px 30px}.contact-grid{grid-template-columns:minmax(300px,.8fr) minmax(430px,1.2fr);gap:30px}.contact-orbit{transform:scale(.85)}
}
@media (max-width: 760px){
  .section-shell{width:min(calc(100% - 30px),var(--max))}.site-header{top:10px;width:calc(100% - 20px);min-height:58px}.menu-toggle{display:block;position:relative;z-index:2}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .header-tools{gap:4px}.lang-toggle{width:92px;height:36px;padding:2px}.lang-option{height:30px;gap:2px}.lang-option img{width:23px;height:15px}.lang-option b{font-size:6px}.theme-toggle{width:54px}.theme-toggle i{width:22px;height:22px;top:4px}:root[data-theme="light"] .theme-toggle i{transform:translateX(-26px)}.nav{position:fixed;inset:-10px -10px auto;min-height:100vh;padding:115px 28px 40px;background:rgba(7,8,12,.97);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-20px);transition:.3s}.nav.open{opacity:1;visibility:visible;transform:none}:root[data-theme="light"] .nav{background:rgba(245,250,255,.98)}.nav a{padding:20px 5px;border-bottom:1px solid var(--line);font-size:22px}.nav-cta{margin-top:25px;justify-content:space-between;border:1px solid var(--line)!important;padding:17px!important}
  .hero{display:block;min-height:auto;padding-top:140px;padding-bottom:80px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .button{width:100%;max-width:280px}.hero-visual{margin-top:60px;min-height:390px}.code-window{width:95%}.code-content{padding:22px 11px;font-size:10px}.orbit-one{width:340px;height:340px}.orbit-two{width:430px;height:430px}.tag-code{left:0}.tag-growth{right:0}.hero-meta{margin-top:40px;grid-template-columns:1fr;gap:18px}.hero-meta>div{border-bottom:1px solid var(--line);padding-bottom:18px}.meta-number{width:75px}.marquee{transform:rotate(-2deg) scale(1.05)}
  .about,.freelance,.expertise,.marketing-system,.creative-performance,.stack,.work,.tech-radar,.value-engine,.collaboration,.process,.faq{padding:100px 0}.about-grid{margin-top:40px}.about-copy p{font-size:15px}.freelance-shell{padding:20px}.freelance-intro{padding:14px 4px 26px}.freelance-services{grid-template-columns:1fr}.freelance-card{min-height:205px}.section-heading,.section-heading.horizontal{display:block}.section-heading h2{margin:30px 0 20px}.section-heading.horizontal>p{margin-top:30px}.skill-panel{padding:24px 20px}.skill-panel h3{font-size:32px}.skill-panel>p{min-height:0}.skill-row{font-size:13px}.growth-loop{min-height:620px}.growth-node{width:calc(50% - 30px)}.creative-grid{grid-template-columns:1fr}.creative-main,.creative-wide{grid-column:auto}.creative-card,.creative-main{min-height:260px}.stack-lane{grid-template-columns:1fr}.lane-label{min-height:58px;border-right:0;border-bottom:1px solid var(--line)}.stack-note{align-items:flex-start}.radar-grid{gap:40px}.radar-item{grid-template-columns:30px 1fr 18px;gap:10px}.value-card{min-height:310px}.work-card{grid-template-columns:34px 1fr 25px;gap:12px;padding:30px 4px}.work-visual{grid-column:2/4;width:100%;height:170px;margin-top:15px}.work-arrow{grid-column:3;grid-row:1;align-self:start}.work-content h3{font-size:25px}.work-content p{font-size:14px}.process-grid{margin-top:40px}.process-step{grid-template-columns:38px 1fr}.faq-question{grid-template-columns:30px 1fr 25px;gap:8px}.faq-question b{font-size:16px}.faq-answer p{padding:0 30px 25px 38px;font-size:14px}.contact{width:100%;padding:95px 22px 25px}.contact-grid{display:block;min-height:auto}.contact-copy h2{max-width:none;font-size:58px}.contact-form-shell{margin-top:42px}.contact-form{grid-template-columns:1fr;padding:20px}.form-field,.form-field-full{grid-column:1}.form-footer{align-items:stretch;flex-direction:column}.form-footer p{max-width:none}.contact-submit{width:100%}footer{grid-template-columns:1fr;justify-items:start}footer p:last-child{text-align:left}
}
@media (max-width: 430px){.hero h1{font-size:46px}.code-content{font-size:9px}.line-no{width:27px}.hero-visual{min-height:350px}.orbit-one{width:300px;height:300px}.orbit-two{display:none}.growth-loop{min-height:680px}.growth-loop:before{inset:20% 4%}.growth-loop-core{width:110px;height:110px}.growth-node{width:calc(100% - 32px);left:16px;right:auto}.growth-node-a{top:18px}.growth-node-b{top:142px}.growth-node-c{top:auto;bottom:142px}.growth-node-d{bottom:18px}.campaign-console{padding-inline:16px}.campaign-head{margin-inline:-16px}.campaign-kpis{grid-template-columns:1fr}.campaign-chart{height:190px}.campaign-flow{flex-wrap:wrap;justify-content:center}.contact-copy h2{font-size:48px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spotlight{display:none}.reveal{opacity:1;transform:none}}

/* Motion-inspired developer field: interactive, light and content-first. */
.hero{isolation:isolate}
.hero-copy,.hero-visual,.hero-meta{position:relative;z-index:2}
.dev-field{position:absolute;z-index:0;left:50%;top:92px;width:100vw;height:calc(100% - 112px);transform:translateX(-50%);overflow:hidden;pointer-events:none;border-top:1px solid rgba(57,231,255,.08);border-bottom:1px solid rgba(57,231,255,.06)}
.dev-field canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.dev-field-mask{position:absolute;inset:0;background:radial-gradient(circle at var(--field-x,72%) var(--field-y,38%),transparent 0 13%,rgba(7,8,12,.22) 34%,var(--bg) 78%);opacity:.8}
.dev-coordinate{position:absolute;color:rgba(129,143,158,.48);font:700 8px ui-monospace,monospace;letter-spacing:.18em;writing-mode:vertical-rl}.dev-coordinate-a{left:22px;top:26%}.dev-coordinate-b{right:22px;bottom:22%}
.runtime-bar{height:35px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:0 15px;border-bottom:1px solid var(--line);background:rgba(57,231,255,.025);font:700 8px ui-monospace,monospace;letter-spacing:.08em}.runtime-bar>span{color:#6f7481}.runtime-bar b{min-width:0;overflow:hidden;color:#9ea5b4;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.runtime-bar b:before{content:"> ";color:var(--cyan)}.runtime-bar i{color:#68d78c;font-style:normal}
.ethical-mode{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin-top:18px;padding:8px 10px;border:1px solid rgba(199,255,69,.18);border-radius:8px;background:rgba(199,255,69,.035);color:#a6adba;font:750 8px ui-monospace,monospace;letter-spacing:.09em}.ethical-mode>i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime);animation:securePulse 1.8s ease-in-out infinite}.ethical-mode>b{padding-left:9px;border-left:1px solid var(--line);color:var(--lime);font-size:7px;white-space:nowrap}@keyframes securePulse{50%{opacity:.35;transform:scale(.72)}}
.security-console{position:relative;border-top:1px solid rgba(57,231,255,.12);background:linear-gradient(180deg,rgba(6,10,14,.96),rgba(7,9,13,.99));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.security-console:before,.security-console:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--lime);opacity:.46}.security-console:before{left:8px;top:8px;border-left:1px solid;border-top:1px solid}.security-console:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}.security-console-head{display:flex;align-items:center;justify-content:space-between;padding:10px 17px 8px;color:#5e6672;font:750 7px ui-monospace,monospace;letter-spacing:.15em}.security-console-head i{color:var(--lime);font-style:normal}.security-command{min-height:33px;display:flex;align-items:center;gap:7px;padding:0 17px;color:#66717d;font:700 9px ui-monospace,monospace}.security-command>span{color:#6dd8e8}.security-command>b{color:#d6dae0;font-weight:650}.typing-caret{width:6px;height:12px;background:var(--lime);box-shadow:0 0 12px rgba(199,255,69,.42);animation:caretBlink .72s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.security-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 17px 13px;color:#626b76;font:700 6px ui-monospace,monospace;letter-spacing:.08em}.security-signals span{display:flex;align-items:center;gap:5px;white-space:nowrap}.security-signals i{width:4px;height:4px;border-radius:50%;background:#62d68a;box-shadow:0 0 8px #62d68a}
.motion-reticle{position:absolute;z-index:8;left:0;top:0;width:48px;height:48px;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translate3d(var(--reticle-x,75vw),var(--reticle-y,38vh),0);transition:opacity .2s ease;will-change:transform}.hero.pointer-active .motion-reticle{opacity:.72}.motion-reticle:before,.motion-reticle:after{content:"";position:absolute;background:var(--cyan);opacity:.55}.motion-reticle:before{width:100%;height:1px}.motion-reticle:after{width:1px;height:100%}.motion-reticle>i{width:15px;height:15px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 16px rgba(57,231,255,.24)}.motion-reticle>span{position:absolute;left:36px;top:3px;color:var(--cyan);font:700 6px ui-monospace,monospace;letter-spacing:.1em}
.motion-3d{transform-style:preserve-3d;will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease!important}.motion-3d.is-motion-active{border-color:rgba(57,231,255,.3)!important;box-shadow:0 28px 75px rgba(0,0,0,.2),0 0 45px rgba(57,231,255,.055)}
.hero-visual.motion-active .code-window{transition:border-color .3s ease,box-shadow .4s ease}.motion-3d.is-motion-active{transition:border-color .3s ease,box-shadow .4s ease!important}.float-tag,.orbit{will-change:transform,translate}
.hero h1>span{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1)}.hero-copy.is-visible h1>span{opacity:1;transform:none}.hero-copy.is-visible h1>span:nth-child(2){transition-delay:.08s}.hero-copy.is-visible h1>span:nth-child(3){transition-delay:.16s}
.section-label:after{content:"";width:70px;height:1px;margin-left:5px;background:linear-gradient(90deg,var(--cyan),transparent);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1)}.section-label.is-visible:after,.reveal.is-visible .section-label:after{transform:scaleX(1)}
.code-window{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .3s ease;will-change:transform}.code-window:hover{border-color:rgba(57,231,255,.32);box-shadow:0 48px 120px rgba(0,0,0,.48),0 0 100px rgba(57,231,255,.11)}.code-window:after{content:"";position:absolute;z-index:4;left:0;right:0;top:-20%;height:18%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(57,231,255,.045),transparent);animation:terminalScan 7s linear infinite}
@keyframes terminalScan{to{transform:translateY(780%)}}
.reveal{filter:blur(8px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .85s ease}.reveal.is-visible{filter:none}
@media (hover:hover){.skill-panel,.creative-card,.value-card,.collab-card,.work-card{transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .4s ease}.skill-panel:hover,.creative-card:hover,.value-card:hover,.collab-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,0,0,.13)}.work-card:hover{transform:translateX(5px)}}
:root[data-theme="light"] .dev-field{border-color:rgba(13,59,102,.06)}:root[data-theme="light"] .dev-field-mask{background:radial-gradient(circle at var(--field-x,72%) var(--field-y,38%),transparent 0 13%,rgba(245,250,255,.18) 34%,var(--bg) 78%)}:root[data-theme="light"] .runtime-bar{background:rgba(22,135,200,.035)}:root[data-theme="light"] .runtime-bar b{color:#587187}:root[data-theme="light"] .ethical-mode{color:#4e667b;background:rgba(11,114,133,.04);border-color:rgba(11,114,133,.16)}:root[data-theme="light"] .ethical-mode>b{color:#0b7285}:root[data-theme="light"] .motion-reticle>span{color:#0d6aa5}
@media (max-width:760px){.dev-field{top:78px;height:520px}.dev-coordinate,.motion-reticle{display:none}.runtime-bar{grid-template-columns:auto 1fr}.runtime-bar i{display:none}.dev-field-mask{opacity:.92}.reveal{filter:blur(4px)}.ethical-mode{font-size:6px;gap:6px}.ethical-mode>b{display:none}.security-signals{grid-template-columns:1fr 1fr}.security-signals span:last-child{display:none}.security-command{font-size:8px}}
@media (prefers-reduced-motion:reduce){.dev-field canvas{opacity:.35}.code-window:after,.motion-reticle{display:none}.reveal{filter:none}.hero h1>span{opacity:1;transform:none}.section-label:after{transform:scaleX(1)}.typing-caret,.ethical-mode>i{animation:none}}

/* Container sections with a scroll-driven developer signal behind the content. */
main>.section-shell:not(.hero){position:relative;isolation:isolate;width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin-inline:auto;overflow:visible;border-top:1px solid rgba(255,255,255,.035);perspective:1200px;transform-style:preserve-3d}
main>.contact{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin-inline:auto;border-radius:30px 30px 0 0;overflow:hidden}
main>.section-shell:not(.hero)::before{content:none}
main>.section-shell:not(.hero)::after{content:"";position:absolute;z-index:-1;top:7%;right:-62px;bottom:7%;width:54px;height:auto;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(57,231,255,.06),transparent);border-right:1px solid rgba(57,231,255,.13);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
main>.section-shell:not(.hero):nth-of-type(even)::after{right:auto;left:-62px;border-right:0;border-left:1px solid rgba(57,231,255,.13)}
.section-signal{--signal-rotate:-18deg;position:absolute;z-index:4;top:50%;right:-73px;left:auto;display:inline-flex;align-items:center;gap:11px;width:46px;min-height:390px;padding:18px 10px;border:1px solid rgba(57,231,255,.22);border-radius:18px;color:rgba(138,244,255,.72);background:linear-gradient(180deg,rgba(9,17,24,.78),rgba(7,8,12,.5));box-shadow:8px 12px 0 rgba(0,0,0,.12),18px 28px 45px rgba(0,0,0,.18),inset 0 0 28px rgba(57,231,255,.035);font:900 clamp(11px,1vw,14px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;opacity:.56;cursor:pointer;transform:translate3d(0,calc(-50% + var(--signal-shift,0px)),24px) rotateY(var(--signal-rotate));transform-style:preserve-3d;transform-origin:center;transition:opacity .25s,color .25s,border-color .25s,box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.section-signal span,.section-signal i{display:inline-block;transform:translateZ(12px)}.section-signal i{color:var(--danger);font-style:normal}.section-signal:hover,.section-signal:focus-visible{opacity:1;color:#b7f8ff;border-color:rgba(57,231,255,.58);outline:0;box-shadow:10px 14px 0 rgba(0,0,0,.14),24px 34px 62px rgba(0,0,0,.24),0 0 32px rgba(57,231,255,.12);transform:translate3d(0,calc(-50% + var(--signal-shift,0px)),68px) rotateY(0deg) scale(1.045)}main>.section-shell:not(.hero):nth-of-type(even)>.section-signal{--signal-rotate:18deg;right:auto;left:-73px;writing-mode:vertical-lr}.section-signal.is-jumping{animation:signalRailJump .82s cubic-bezier(.2,.8,.2,1)}.section-signal.is-jumping span,.section-signal.is-jumping i{animation:signalWordJump .58s cubic-bezier(.2,.8,.2,1)}.section-signal.is-jumping i:nth-child(2){animation-delay:.05s}.section-signal.is-jumping span:nth-child(3){animation-delay:.1s}.section-signal.is-jumping i:nth-child(4){animation-delay:.15s}.section-signal.is-jumping span:nth-child(5){animation-delay:.2s}@keyframes signalRailJump{0%,100%{transform:translate3d(0,calc(-50% + var(--signal-shift,0px)),24px) rotateY(var(--signal-rotate))}34%{transform:translate3d(0,calc(-50% + var(--signal-shift,0px) - 44px),92px) rotateX(-24deg) rotateY(0) scale(1.08)}68%{transform:translate3d(0,calc(-50% + var(--signal-shift,0px) + 8px),42px) rotateX(10deg) rotateY(var(--signal-rotate)) scale(.98)}}@keyframes signalWordJump{0%,100%{transform:translateZ(12px)}45%{transform:translateZ(64px) scale(1.18);color:#fff;text-shadow:0 0 18px rgba(57,231,255,.72)}}
:root[data-theme="light"] main>.section-shell:not(.hero){border-top-color:rgba(13,59,102,.06)}
:root[data-theme="light"] main>.section-shell:not(.hero)::after{background:linear-gradient(180deg,transparent,rgba(22,135,200,.03),transparent);border-color:rgba(13,59,102,.055)}
:root[data-theme="light"] .section-signal{color:rgba(13,91,143,.72);border-color:rgba(13,91,143,.24);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(226,241,251,.76));box-shadow:8px 12px 0 rgba(13,59,102,.05),18px 28px 45px rgba(13,59,102,.09),inset 0 0 28px rgba(22,135,200,.04)}:root[data-theme="light"] .section-signal:hover,:root[data-theme="light"] .section-signal:focus-visible{color:#0b4773;border-color:rgba(22,135,200,.56);box-shadow:10px 14px 0 rgba(13,59,102,.05),24px 34px 62px rgba(13,59,102,.13),0 0 28px rgba(22,135,200,.1)}

/* One continuous 3D signal spine from the first section to the final section. */
main{position:relative;isolation:isolate;overflow:visible}
main>.section-shell:not(.hero)::after,main>.section-shell:not(.hero):nth-of-type(even)::after{content:none}
.page-signal-rail{--rail-scroll:0px;position:absolute;z-index:7;top:0;left:calc(50% + min(620px,calc(50vw - 24px)) + 18px);width:48px;min-height:800px;margin:0;padding:0;overflow:hidden;border:1px solid rgba(57,231,255,.25);border-radius:24px;color:rgba(138,244,255,.86);background:linear-gradient(90deg,rgba(5,9,14,.88),rgba(12,23,31,.75) 48%,rgba(4,7,11,.9));box-shadow:8px 0 0 rgba(0,0,0,.13),18px 0 45px rgba(0,0,0,.22),inset -8px 0 18px rgba(57,231,255,.035),inset 1px 0 rgba(255,255,255,.08);opacity:.64;cursor:pointer;perspective:900px;transform:translateZ(28px) rotateY(-16deg);transform-origin:left center;transform-style:preserve-3d;transition:opacity .25s,border-color .25s,box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.page-signal-rail::before{content:"";position:absolute;z-index:2;left:4px;right:4px;top:var(--impact-y,50%);height:120px;pointer-events:none;background:radial-gradient(ellipse,rgba(255,54,94,.28),transparent 68%);opacity:0;transform:translateY(-50%)}.page-signal-rail:hover,.page-signal-rail:focus-visible{opacity:1;border-color:rgba(57,231,255,.62);outline:0;box-shadow:11px 0 0 rgba(0,0,0,.14),28px 0 64px rgba(0,0,0,.26),0 0 34px rgba(57,231,255,.14),inset -10px 0 20px rgba(57,231,255,.05);transform:translateZ(76px) rotateY(-5deg) scaleX(1.055)}.page-signal-track{position:absolute;left:50%;top:-60px;display:block;width:max-content;height:max-content;color:inherit;font:950 clamp(11px,.92vw,14px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:1px 0 rgba(255,255,255,.32),3px 0 rgba(57,231,255,.3),7px 0 14px rgba(0,0,0,.3);transform:translate3d(-50%,var(--rail-scroll),34px);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.page-signal-track span,.page-signal-track i,.page-signal-track b{display:inline-block;margin-block:5px}.page-signal-track i{color:var(--danger);font-style:normal;text-shadow:2px 0 10px rgba(255,54,94,.4)}.page-signal-track b{color:rgba(57,231,255,.48);font-size:8px}.page-signal-rail.is-jumping{animation:pageRailJump .78s cubic-bezier(.2,.8,.2,1)}.page-signal-rail.is-jumping::before{animation:pageRailImpact .78s ease-out}.page-signal-rail.is-jumping .page-signal-track{animation:pageTrackShock .78s cubic-bezier(.2,.8,.2,1)}@keyframes pageRailJump{0%,100%{transform:translateZ(28px) rotateY(-16deg)}32%{transform:translate3d(-22px,0,110px) rotateY(4deg) scaleX(1.1)}62%{transform:translate3d(7px,0,54px) rotateY(-22deg) scaleX(.98)}}@keyframes pageRailImpact{0%{opacity:0;transform:translateY(-50%) scale(.4)}32%{opacity:1;transform:translateY(-50%) scale(1.3)}100%{opacity:0;transform:translateY(-50%) scale(2)}}@keyframes pageTrackShock{0%,100%{transform:translate3d(-50%,var(--rail-scroll),34px)}35%{transform:translate3d(calc(-50% - 8px),var(--rail-scroll),92px)}68%{transform:translate3d(calc(-50% + 4px),var(--rail-scroll),48px)}}
:root[data-theme="light"] .page-signal-rail{color:rgba(13,80,128,.86);border-color:rgba(13,91,143,.27);background:linear-gradient(90deg,rgba(237,247,254,.96),rgba(255,255,255,.94) 48%,rgba(218,238,251,.92));box-shadow:8px 0 0 rgba(13,59,102,.055),18px 0 45px rgba(13,59,102,.1),inset -8px 0 18px rgba(22,135,200,.045),inset 1px 0 rgba(255,255,255,.85)}:root[data-theme="light"] .page-signal-rail:hover,:root[data-theme="light"] .page-signal-rail:focus-visible{border-color:rgba(22,135,200,.62);box-shadow:11px 0 0 rgba(13,59,102,.055),28px 0 64px rgba(13,59,102,.14),0 0 30px rgba(22,135,200,.12)}:root[data-theme="light"] .page-signal-track{text-shadow:1px 0 rgba(255,255,255,.8),3px 0 rgba(22,135,200,.18),7px 0 14px rgba(13,59,102,.14)}

/* Floating 3D type only: no visible rail, border or background line. */
.page-signal-rail,.page-signal-rail:hover,.page-signal-rail:focus-visible,:root[data-theme="light"] .page-signal-rail,:root[data-theme="light"] .page-signal-rail:hover,:root[data-theme="light"] .page-signal-rail:focus-visible{appearance:none;border:0;background:transparent;box-shadow:none;outline:0}.page-signal-rail{width:58px;opacity:.78}.page-signal-rail:hover,.page-signal-rail:focus-visible{opacity:1}.page-signal-track{color:#8ff5ff;font-size:clamp(13px,1.05vw,17px);letter-spacing:.14em;-webkit-text-stroke:.35px rgba(255,255,255,.32);text-shadow:1px 0 0 #d7fbff,2px 0 0 #5ad6e8,3px 0 0 #2b91ac,4px 0 0 #17647d,7px 0 12px rgba(0,0,0,.42),12px 0 25px rgba(57,231,255,.22);filter:drop-shadow(5px 0 7px rgba(0,0,0,.2));transition:transform .35s cubic-bezier(.16,1,.3,1),color .25s,text-shadow .25s}.page-signal-rail:hover .page-signal-track,.page-signal-rail:focus-visible .page-signal-track{color:#e9feff;text-shadow:1px 0 0 #fff,2px 0 0 #87eff9,3px 0 0 #46bfd3,4px 0 0 #1f809d,6px 0 0 #12586f,10px 0 18px rgba(0,0,0,.38),18px 0 32px rgba(57,231,255,.3);transform:translate3d(-50%,var(--rail-scroll),78px) rotateY(-5deg)}:root[data-theme="light"] .page-signal-track{color:#176f9f;-webkit-text-stroke:.35px rgba(255,255,255,.78);text-shadow:1px 0 0 #f7fdff,2px 0 0 #a9d9ee,3px 0 0 #65afd0,4px 0 0 #347fa5,5px 0 0 #195f86,8px 0 14px rgba(13,59,102,.22),14px 0 26px rgba(22,135,200,.14);filter:drop-shadow(5px 0 7px rgba(13,59,102,.12))}:root[data-theme="light"] .page-signal-rail:hover .page-signal-track,:root[data-theme="light"] .page-signal-rail:focus-visible .page-signal-track{color:#0b4d78;text-shadow:1px 0 0 #fff,2px 0 0 #c9e9f7,3px 0 0 #8bc8e2,4px 0 0 #4e9fc3,6px 0 0 #246d95,10px 0 18px rgba(13,59,102,.2),18px 0 32px rgba(22,135,200,.18)}
@media (max-width:1340px){.page-signal-rail{left:auto;right:3px;width:34px;border-radius:16px}.page-signal-track{font-size:10px;letter-spacing:.13em}}
@media (max-width:760px){.page-signal-rail{right:1px;width:25px;border-radius:12px;opacity:.68;transform:none}.page-signal-track{font-size:8px;letter-spacing:.09em}.page-signal-rail:hover,.page-signal-rail:focus-visible{transform:translateX(-3px) scaleX(1.04)}}
@media (prefers-reduced-motion:reduce){.page-signal-rail,.page-signal-rail:hover,.page-signal-rail:focus-visible{transform:none}.page-signal-rail.is-jumping,.page-signal-rail.is-jumping::before,.page-signal-rail.is-jumping .page-signal-track{animation:none}.page-signal-track{transform:translateX(-50%)}}

/* Large, faint 3D typography behind the content on the left. */
main>section,main>.marquee{position:relative;z-index:2}.page-signal-rail{z-index:1;left:calc(50% - min(620px,calc(50vw - 24px)) - 94px);right:auto;width:94px;opacity:.2;transform:translateZ(-20px) rotateY(24deg);transform-origin:right center}.page-signal-rail:hover,.page-signal-rail:focus-visible{opacity:.34;transform:translateZ(18px) rotateY(14deg) scaleX(1.025)}.page-signal-track{color:#8fe9f3;font-size:clamp(24px,2.4vw,42px);font-weight:950;letter-spacing:.07em;-webkit-text-stroke:.6px rgba(255,255,255,.34);text-shadow:1px 0 0 #e8feff,2px 0 0 #a5edf3,3px 0 0 #65cbd8,4px 0 0 #3da6b8,5px 0 0 #247f95,6px 0 0 #155e73,10px 0 16px rgba(0,0,0,.34),18px 0 34px rgba(57,231,255,.18);filter:drop-shadow(9px 0 12px rgba(0,0,0,.16))}.page-signal-rail:hover .page-signal-track,.page-signal-rail:focus-visible .page-signal-track{color:#bff8fc;transform:translate3d(-50%,var(--rail-scroll),54px) rotateY(5deg)}:root[data-theme="light"] .page-signal-track{color:#2e83aa;-webkit-text-stroke:.55px rgba(255,255,255,.7);text-shadow:1px 0 0 #fff,2px 0 0 #d7eff8,3px 0 0 #a8d5e7,4px 0 0 #73b4d0,5px 0 0 #428eaf,6px 0 0 #246c91,10px 0 18px rgba(13,59,102,.2),18px 0 34px rgba(22,135,200,.12)}:root[data-theme="light"] .page-signal-rail:hover .page-signal-track,:root[data-theme="light"] .page-signal-rail:focus-visible .page-signal-track{color:#236f96}@keyframes pageRailJump{0%,100%{transform:translateZ(-20px) rotateY(24deg)}32%{transform:translate3d(-18px,0,65px) rotateY(7deg) scaleX(1.06)}62%{transform:translate3d(5px,0,16px) rotateY(29deg) scaleX(.99)}}
@media (max-width:1340px){.page-signal-rail{left:0;right:auto;width:58px;opacity:.18;transform:translateZ(-12px) rotateY(20deg)}.page-signal-track{font-size:clamp(18px,2.2vw,30px)}}
@media (max-width:760px){.page-signal-rail{left:-3px;right:auto;width:44px;opacity:.14;pointer-events:none;transform:none}.page-signal-track{font-size:19px;letter-spacing:.05em}}

/* Signal spine removed. Keep stale cached markup invisible during an update. */
.page-signal-rail,.section-signal{display:none!important}main{position:static;isolation:auto}main>section,main>.marquee{z-index:auto}

/* Black-hat cinematic treatment: visual only, kept readable and interaction-safe. */
:root{--danger:#ff365e}
:root[data-theme="dark"] body{background-image:radial-gradient(circle at 18% 12%,rgba(255,54,94,.035),transparent 25%),radial-gradient(circle at 82% 38%,rgba(57,231,255,.035),transparent 28%)}
:root[data-theme="dark"] .blackhat-mode{border-color:rgba(255,54,94,.3);background:rgba(255,54,94,.055);box-shadow:inset 0 0 30px rgba(255,54,94,.025),0 0 24px rgba(255,54,94,.04)}
:root[data-theme="dark"] .blackhat-mode>i{background:var(--danger);box-shadow:0 0 16px var(--danger)}
:root[data-theme="dark"] .blackhat-mode>b{color:var(--danger)}
:root[data-theme="dark"] .security-console{border-top-color:rgba(255,54,94,.22);background:linear-gradient(180deg,rgba(8,8,11,.98),rgba(3,5,8,.99))}
:root[data-theme="dark"] .security-console-head i{color:var(--danger);text-shadow:0 0 14px rgba(255,54,94,.65)}
:root[data-theme="dark"] .code-window{border-color:rgba(255,54,94,.18);box-shadow:0 42px 110px rgba(0,0,0,.66),0 0 80px rgba(255,54,94,.04)}

.sniper-hud{--sniper-x:-120px;--sniper-y:-120px;position:fixed;z-index:89;left:0;top:0;width:68px;height:68px;pointer-events:none;opacity:0;transform:translate3d(var(--sniper-x),var(--sniper-y),0);transition:opacity .18s ease;will-change:transform;filter:drop-shadow(0 0 8px rgba(255,54,94,.18))}.sniper-hud.is-visible{opacity:.74}.sniper-ring{position:absolute;inset:13px;border:1px solid rgba(255,54,94,.78);border-radius:50%;box-shadow:inset 0 0 14px rgba(255,54,94,.12)}.sniper-ring::before,.sniper-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(57,231,255,.28)}.sniper-ring::after{inset:15px;background:var(--danger);border:0;box-shadow:0 0 9px var(--danger)}.sniper-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,54,94,.78),transparent)}.sniper-line-x{left:0;right:0;top:33px;height:1px}.sniper-line-y{top:0;bottom:0;left:33px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,54,94,.78),transparent)}.sniper-lock{position:absolute;left:55px;top:7px;color:var(--danger);font:800 6px ui-monospace,monospace;letter-spacing:.13em;white-space:nowrap}.sniper-coords{position:absolute;left:55px;top:47px;color:rgba(57,231,255,.7);font:700 6px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}

.back-to-top{position:fixed;z-index:88;right:clamp(16px,2.2vw,34px);bottom:clamp(18px,3vw,38px);width:54px;height:64px;display:grid;place-items:center;padding:7px 5px;border:1px solid rgba(255,54,94,.34);border-radius:14px;color:var(--text);background:rgba(7,8,12,.8);backdrop-filter:blur(15px);box-shadow:0 16px 48px rgba(0,0,0,.3),inset 0 0 20px rgba(255,54,94,.04);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(18px) scale(.92);transition:opacity .25s,visibility .25s,transform .35s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{border-color:var(--danger);box-shadow:0 18px 55px rgba(0,0,0,.4),0 0 24px rgba(255,54,94,.12);transform:translateY(-4px)}.back-to-top span{color:var(--danger);font:300 24px/1 ui-monospace,monospace}.back-to-top b{color:#7e8592;font:800 7px/1 ui-monospace,monospace;letter-spacing:.14em}:root[data-theme="light"] .back-to-top{background:rgba(255,255,255,.86);border-color:rgba(13,59,102,.16);box-shadow:0 16px 42px rgba(13,59,102,.1)}:root[data-theme="light"] .back-to-top span{color:#1687c8}
@media (max-width:1340px){main>.section-shell:not(.hero)::after{right:-18px;width:20px}main>.section-shell:not(.hero):nth-of-type(even)::after{right:auto;left:-18px}.section-signal{right:-24px;width:34px;min-height:330px;padding:13px 7px;font-size:10px;gap:8px;border-radius:13px}main>.section-shell:not(.hero):nth-of-type(even)>.section-signal{right:auto;left:-24px}}
@media (max-width:760px){main>.section-shell:not(.hero),main>.contact{width:min(calc(100% - 30px),var(--max))}main>.contact{padding-inline:18px;border-radius:22px 22px 0 0}.section-signal{right:-13px;width:27px;min-height:280px;padding:10px 5px;font-size:8px;gap:6px;letter-spacing:.1em;opacity:.62}main>.section-shell:not(.hero):nth-of-type(even)>.section-signal{right:auto;left:-13px}main>.section-shell:not(.hero)::after{right:-10px;width:12px}main>.section-shell:not(.hero):nth-of-type(even)::after{right:auto;left:-10px}.sniper-hud{display:none}.back-to-top{right:14px;bottom:16px;width:48px;height:56px}}
@media (prefers-reduced-motion:reduce){.section-signal{transform:translateY(-50%)}.section-signal.is-jumping,.section-signal.is-jumping span,.section-signal.is-jumping i{animation:none}.sniper-hud{display:none}}

/* Trang cảm ơn sau khi gửi form. */
.thank-you-page{min-height:100vh;display:grid;place-items:center;position:relative;padding:120px 24px 40px;background:radial-gradient(circle at 50% 20%,rgba(57,231,255,.1),transparent 38%),var(--bg)}
.thank-you-header{max-width:980px}.thank-you-header .header-tools{margin-left:auto}.thank-you-main{width:min(100%,980px)}
.thank-you-card{position:relative;overflow:hidden;min-height:610px;display:grid;place-items:center;padding:70px 34px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(18,21,33,.94),rgba(8,10,15,.98));box-shadow:0 40px 120px rgba(0,0,0,.3);text-align:center}
.thank-you-card:before,.thank-you-card:after{content:"";position:absolute;left:50%;top:44%;border:1px dashed rgba(57,231,255,.14);border-radius:50%;transform:translate(-50%,-50%);animation:spin 24s linear infinite}.thank-you-card:before{width:480px;height:480px}.thank-you-card:after{width:680px;height:680px;animation-direction:reverse;animation-duration:34s}
.thank-you-content{position:relative;z-index:2;max-width:720px}.thank-you-content .eyebrow{justify-content:center}.thank-you-check{width:112px;height:112px;display:grid;place-items:center;margin:34px auto;border-radius:50%;color:#071018;background:linear-gradient(145deg,var(--cyan),var(--violet));font-size:45px;font-weight:900;box-shadow:0 0 80px rgba(57,231,255,.25);animation:coreBreathe 4s ease-in-out infinite}
.thank-you-content h1{margin:0;font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.065em}.thank-you-content h1 em{display:block;color:var(--cyan);font-style:normal}.thank-you-content>p{max-width:620px;margin:25px auto 0;color:var(--muted);font-size:16px;line-height:1.75}.thank-you-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}.thank-you-actions .button{min-width:210px}.thank-you-meta{display:flex;justify-content:center;gap:20px;margin-top:34px;color:#666b78;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.thank-you-meta span{padding:8px 10px;border:1px solid var(--line);border-radius:7px}
:root[data-theme="light"] .thank-you-page{background:radial-gradient(circle at 50% 20%,rgba(22,135,200,.14),transparent 40%),var(--bg)}:root[data-theme="light"] .thank-you-card{background:linear-gradient(145deg,#fff,#edf5fc);box-shadow:0 35px 100px rgba(13,59,102,.12)}
@media (max-width:760px){.thank-you-page{padding:95px 14px 20px}.thank-you-header{width:calc(100% - 20px)}.thank-you-card{min-height:600px;padding:60px 20px;border-radius:22px}.thank-you-content h1{font-size:50px}.thank-you-actions{align-items:stretch;flex-direction:column}.thank-you-actions .button{width:100%}.thank-you-meta{flex-direction:column;align-items:center;gap:8px}}