:root{--ink:#10231e;--muted:#65746d;--paper:#f5f5ef;--green:#c9f27b;--line:#dce1d8;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.topbar{height:78px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;letter-spacing:-1px}.brand-mark{width:30px;height:30px;background:var(--ink);color:var(--green);display:grid;place-items:center;border-radius:50%;font-size:14px}.brand-dot{color:#75a93b}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}nav a{transition:opacity .2s}nav a:hover{opacity:.65}.nav-cta{padding:11px 17px;border:1px solid var(--ink);border-radius:30px}.nav-cta span{margin-left:10px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:35px;padding-bottom:80px}.hero-copy{max-width:530px;position:relative;z-index:1}.eyebrow,.section-kicker,.hero-foot,.art-label,.project-top,.project-bottom,.contact-chip{font-size:10px;font-weight:700;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px}.pulse{width:8px;height:8px;background:#82b849;border-radius:50%;box-shadow:0 0 0 5px #82b84922}.hero h1,.about h2,.project-card h2,.contact h2{font:700 clamp(48px,6.7vw,82px)/1.05 Manrope,sans-serif;letter-spacing:-5px;margin:0}.hero h1 em,.about h2 em,.project-card h2 em{font-style:normal;color:#68834d}.hero-text{max-width:440px;color:var(--muted);line-height:1.8;font-size:15px;margin:26px 0 30px}.button{background:var(--ink);color:white;padding:16px 20px;border-radius:3px;display:inline-flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.button span{color:var(--green);font-size:18px}.hero-art{height:430px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #b8c4b4;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:330px;height:430px}.orbit-two{width:260px;height:350px;transform:rotate(45deg);border-color:#d0d7cc}.orbit-three{width:400px;height:190px;transform:rotate(25deg);border-color:#c4cec1}.sun{width:190px;height:190px;border-radius:50%;background:var(--green);position:relative;box-shadow:0 20px 60px #9eb87355}.sun:after{content:'';position:absolute;width:50px;height:50px;border:1px solid #10231e66;border-radius:50%;left:68px;top:68px}.art-label{position:absolute;background:var(--paper);padding:8px}.label-top{top:35px;right:8%}.label-bottom{bottom:50px;left:5%}.art-number{position:absolute;right:13%;bottom:78px;font:800 24px Manrope;letter-spacing:-2px}.art-number span{font:600 10px 'DM Sans';letter-spacing:1px;vertical-align:top;margin-left:5px}.hero-foot{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;color:#87938b}.section{padding-top:100px;padding-bottom:100px;border-top:1px solid var(--line)}.about{display:grid;grid-template-columns:220px 1fr;gap:30px}.section-kicker{display:flex;gap:17px;color:#78867d}.section-kicker span:first-child{color:#9bb77e}.about-content{max-width:760px}.about h2{font-size:clamp(34px,4.3vw,54px);letter-spacing:-2.7px;line-height:1.2}.about-content>p,.project-card>p,.contact-content>p{color:var(--muted);line-height:1.9;font-size:15px;max-width:630px}.about-content>p{margin:24px 0}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tags span,.contact-chip{border:1px solid #cad3c7;padding:10px 13px;border-radius:30px;font-size:11px;color:#56665c}.project{background:#e9eee5}.project-inner{display:grid;grid-template-columns:220px 1fr;gap:30px}.project-card{background:var(--ink);color:var(--white);padding:42px 48px 28px;min-height:425px;display:flex;flex-direction:column}.project-top,.project-bottom{display:flex;justify-content:space-between;color:#a9b8ae;font-size:9px}.project-status{color:var(--green)}.project-status i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.project-card h2{font-size:clamp(38px,4.7vw,58px);letter-spacing:-3px;margin:42px 0 10px}.project-card h2 em{color:var(--green)}.project-card>p{color:#c2ccc4;max-width:660px;margin:12px 0 22px}.project-note{display:flex;gap:11px;align-items:center;border-left:2px solid var(--green);padding:10px 14px;color:#d9e2d9;font-size:12px;line-height:1.6;margin-bottom:auto}.note-icon{color:var(--green);font-size:18px}.project-bottom{border-top:1px solid #ffffff2a;padding-top:22px;margin-top:30px}.contact{display:grid;grid-template-columns:220px 1fr;gap:30px}.contact h2{font-size:clamp(40px,5.5vw,68px);letter-spacing:-3.7px}.contact-content>p{margin:20px 0}.contact-chip{display:inline-block;margin-top:10px}.footer{min-height:88px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7f8a82}.footer .brand{color:var(--ink);font-size:17px}.footer .brand-mark{width:25px;height:25px}.footer>a:last-child{font-size:9px;font-weight:700;letter-spacing:1px}
@media(max-width:700px){.wrap{width:calc(100% - 38px)}.topbar{height:66px;padding:0 19px}nav{gap:15px;font-size:11px}nav>a:first-child{display:none}.nav-cta{padding:9px 12px}.hero{min-height:unset;padding-top:76px;padding-bottom:72px;grid-template-columns:1fr}.hero h1{font-size:clamp(54px,15vw,76px);letter-spacing:-4px}.hero-text{font-size:14px}.hero-art{height:340px;margin-top:24px}.orbit-one{width:260px;height:340px}.orbit-two{width:210px;height:280px}.orbit-three{width:315px;height:150px}.sun{width:155px;height:155px}.sun:after{left:53px;top:53px}.label-top{right:2%;top:20px}.label-bottom{left:0;bottom:35px}.hero-foot{bottom:20px}.section{padding-top:70px;padding-bottom:70px}.about,.project-inner,.contact{grid-template-columns:1fr;gap:28px}.section-kicker{margin-bottom:0}.about h2{font-size:38px;letter-spacing:-2px}.project-card{padding:28px 22px 22px;min-height:unset}.project-card h2{font-size:41px;letter-spacing:-2px;margin-top:38px}.project-card>p{font-size:14px}.project-bottom{font-size:8px;gap:12px;line-height:1.5}.project-bottom span:last-child{text-align:right}.contact h2{font-size:48px;letter-spacing:-2.5px}.footer{padding-top:18px;padding-bottom:18px;min-height:90px;gap:12px;flex-wrap:wrap}.footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Sport-forward visual direction */
:root{--ink:#111a16;--muted:#657069;--paper:#f0f1e9;--green:#d5ff48;--line:#d8ddd4;--white:#fffefa}
.topbar{background:#111a16;color:#f8f8f0;border-bottom-color:#334039}
.topbar .brand-mark{background:var(--green);color:#111a16;font-style:italic;transform:skew(-8deg)}
.topbar .brand-dot{color:var(--green)}
.topbar nav a{color:#f8f8f0}.topbar .nav-cta{border-color:#a2b09f}
.hero{width:100%;max-width:none;padding:72px max(24px,calc((100vw - 1120px)/2)) 72px;background:#111a16;color:#f8f8f0;overflow:hidden;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:0 0 0 53%;background:repeating-linear-gradient(135deg,transparent 0 38px,#ffffff06 39px 41px);pointer-events:none}
.hero h1{font-weight:800;text-transform:uppercase;font-style:italic;letter-spacing:-5.5px}
.hero h1 em{color:var(--green)}
.eyebrow{color:#b8c5ba}.pulse{background:var(--green);box-shadow:0 0 0 5px #d5ff4822}
.hero-text{color:#bdc8bf}.button{background:var(--green);color:#111a16;text-transform:uppercase;letter-spacing:.6px;border-radius:2px;transform:skew(-4deg)}.button span{color:#111a16}
.hero-art{background:radial-gradient(ellipse at 50% 50%,#26352a 0,#17221c 42%,transparent 70%)}
.orbit{border-color:#71836f}.orbit-two{border-color:#445746}.orbit-three{border-color:#50604d}
.sun{background:var(--green);box-shadow:0 18px 60px #d5ff4840}.sun:after{border-color:#111a1680}.art-label{background:var(--green);color:#111a16;transform:skew(-6deg)}.art-number{color:#f8f8f0}
.hero-foot{color:#94a397}
.section-kicker{font-weight:800}.about h2,.contact h2{font-weight:800}.about h2 em{color:#6c842b}
.tags span,.contact-chip{border-radius:3px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.6px}
.project{background:#e4e8dc}.project-card{background:#111a16;position:relative;overflow:hidden}.project-card:after{content:"FIT / FOCUS / FORWARD";position:absolute;right:-25px;top:48%;transform:rotate(-90deg) translateX(50%);transform-origin:right center;color:#ffffff0b;font:800 36px Manrope;letter-spacing:5px;pointer-events:none}.project-card h2{font-style:italic;text-transform:uppercase}.project-card h2 em{color:var(--green)}.project-status{font-weight:800}
.project-note{border-left-color:var(--green)}.note-icon{color:var(--green)}
.footer .brand-mark{background:var(--green);color:#111a16;font-style:italic}
@media(max-width:700px){.hero{padding:60px 19px 68px}.hero h1{letter-spacing:-4px}.hero-art{background:radial-gradient(ellipse at 50% 50%,#26352a 0,#17221c 50%,transparent 76%)}.project-card:after{display:none}}
/* Booking section and low-cost profile Q&A widget */
.booking{display:grid;grid-template-columns:220px 1fr;gap:30px;background:#f2f3eb}.booking h2{font:800 clamp(40px,5.5vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-3.7px;margin:0}.booking h2 em{font-style:normal;color:#68834d}.booking-copy>p{color:var(--muted);line-height:1.8;max-width:600px}.booking-mount{margin-top:24px}.booking-pending{display:inline-block;color:#69766d;font-size:12px}.booking-link{display:inline-block;border-color:#778672;color:#40513c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.profile-chat{position:fixed;z-index:20;right:24px;bottom:22px;display:flex;align-items:flex-end;flex-direction:column;gap:11px}.chat-toggle{background:var(--green);color:#111a16;padding:13px 18px;border:0;border-radius:3px;box-shadow:0 8px 28px #0003;font:800 11px/1 inherit;letter-spacing:.8px;cursor:pointer}.chat-toggle span{font-size:16px;margin-right:7px}.chat-panel{width:min(360px,calc(100vw - 30px));height:min(470px,calc(100dvh - 90px));background:#fffefa;border:1px solid #cdd5c9;box-shadow:0 18px 50px #0003;display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-head{background:#111a16;color:#f8f8f0;padding:15px 17px;display:flex;justify-content:space-between;align-items:center}.chat-head strong,.chat-head small{display:block}.chat-head strong{font-size:14px}.chat-head small{font-size:10px;color:#bcc7bd;margin-top:3px}.chat-close{background:transparent;border:0;color:white;font-size:23px;cursor:pointer}.chat-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:88%;margin:0;padding:10px 12px;font-size:13px;line-height:1.6;border-radius:10px}.chat-bubble.bot{background:#edf1e8;align-self:flex-start}.chat-bubble.user{background:#d5ff48;align-self:flex-end}.chat-bubble a{font-weight:800;text-decoration:underline}.chat-form{display:flex;gap:7px;padding:11px;border-top:1px solid #e1e5dd}.chat-form input{min-width:0;flex:1;padding:10px;border:1px solid #c8d1c5;border-radius:3px;font:inherit}.chat-form button{background:#111a16;color:#fff;padding:0 14px;border:0;border-radius:3px;font-weight:700;cursor:pointer}.chat-limit{margin:0;padding:0 12px 11px;color:#78847a;font-size:9px;line-height:1.4}
@media(max-width:700px){.booking{grid-template-columns:1fr;gap:24px}.booking h2{font-size:47px;letter-spacing:-2.5px}.profile-chat{right:14px;bottom:14px}.chat-panel{height:min(470px,calc(100dvh - 82px))}}
/* Requested typeface */
html,body,button,input,textarea,select,*{font-family:"Times New Roman",Times,serif!important}
/* Requested typeface */
html,body,button,input,textarea,select,*{font-family:Arial,Helvetica,sans-serif!important}
<div class="hero-art" aria-label="Minh họa tạ đòn chuyển động cùng thẻ bài tập gym" role="img">
        <div class="gym-card gym-card-top"><span class="gym-card-icon">↗</span><span>HÔM NAY</span><strong>FULL BODY</strong><small>BUỔI TẬP 01</small></div>
        <div class="motion-lines"></div>
        <svg class="barbell" viewBox="0 0 520 230" aria-hidden="true">
          <g class="barbell-lift">
            <rect x="63" y="108" width="394" height="14" rx="7" fill="#e7eee4"/>
            <rect x="54" y="91" width="28" height="48" rx="7" fill="#9fb19f"/><rect x="438" y="91" width="28" height="48" rx="7" fill="#9fb19f"/>
            <path d="M95 64 Q72 64 72 87 L72 143 Q72 166 95 166 L128 166 L128 64 Z" fill="#d5ff48"/><path d="M425 64 Q448 64 448 87 L448 143 Q448 166 425 166 L392 166 L392 64 Z" fill="#d5ff48"/>
            <path d="M103 79 L116 79 L116 151 L103 151 Z M417 79 L404 79 L404 151 L417 151 Z" fill="#111a16" opacity=".72"/>
            <rect x="24" y="82" width="33" height="66" rx="8" fill="#f4f5ed"/><rect x="463" y="82" width="33" height="66" rx="8" fill="#f4f5ed"/>
            <circle cx="40" cy="115" r="5" fill="#111a16"/><circle cx="480" cy="115" r="5" fill="#111a16"/>
          </g>
        </svg>
        <div class="gym-card gym-card-bottom"><span class="mini-bars"><i></i><i></i><i></i><i></i><i></i></span><span><strong>TIẾN BỘ</strong><small>TỪNG NGÀY</small></span><b>+1</b></div>
        <div class="art-label label-bottom">MOVE · TRACK · GROW</div>
      </div>
      '@; $result=$h.Substring(0,$start)+$new+$h.Substring($end); Set-Content -Encoding utf8 $p $result; @'
/* Gym illustration and motion */
.hero-art{background:radial-gradient(ellipse at 50% 58%,#304333 0,#1d2a21 43%,transparent 72%);overflow:visible}
.hero-art .barbell{position:absolute;width:min(105%,520px);z-index:2;filter:drop-shadow(0 20px 18px #0008);animation:barbell-float 3.4s ease-in-out infinite}
.barbell-lift{transform-origin:center;animation:barbell-lift 3.4s ease-in-out infinite}
.motion-lines{position:absolute;width:90%;height:140px;top:50%;left:5%;transform:translateY(-50%);background:repeating-linear-gradient(0deg,transparent 0 20px,#d5ff4812 21px 23px);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.gym-card{position:absolute;z-index:3;background:#f1f3e9;color:#111a16;box-shadow:0 12px 35px #0004;display:flex;flex-direction:column;padding:13px 16px;min-width:142px;transform:skew(-4deg)}
.gym-card-top{right:3%;top:12%}.gym-card-top>span:nth-child(2){font-size:9px;letter-spacing:1px;color:#667467}.gym-card-top strong{font-size:16px;font-style:italic;margin-top:4px}.gym-card-top small{font-size:9px;color:#748072;margin-top:4px;letter-spacing:.8px}.gym-card-icon{position:absolute;right:12px;top:10px;color:#789236;font-size:20px}
.gym-card-bottom{left:1%;bottom:15%;flex-direction:row;align-items:center;gap:12px;min-width:180px}.gym-card-bottom strong,.gym-card-bottom small{display:block}.gym-card-bottom strong{font-size:10px;letter-spacing:.5px}.gym-card-bottom small{font-size:8px;color:#748072;margin-top:3px;letter-spacing:.7px}.gym-card-bottom>b{margin-left:auto;font-size:20px;color:#6d8e22;font-style:italic}.mini-bars{height:24px;display:flex;align-items:end;gap:3px}.mini-bars i{display:block;width:4px;background:#8daf35;transform:skew(-8deg)}.mini-bars i:nth-child(1){height:7px}.mini-bars i:nth-child(2){height:12px}.mini-bars i:nth-child(3){height:10px}.mini-bars i:nth-child(4){height:18px}.mini-bars i:nth-child(5){height:23px;background:#111a16}
.hero-art .label-bottom{left:auto;right:4%;bottom:5%;background:var(--green);color:#111a16}
@keyframes barbell-lift{0%,100%{transform:translateY(12px) rotate(-2deg)}45%,60%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes barbell-float{0%,100%{filter:drop-shadow(0 20px 18px #0008)}50%{filter:drop-shadow(0 30px 24px #0007)}}
@media(max-width:700px){.hero-art{height:310px;margin-top:18px}.hero-art .barbell{width:110%}.gym-card{padding:10px 12px;min-width:128px}.gym-card-top{right:0;top:2%}.gym-card-bottom{left:0;bottom:8%;min-width:158px}.hero-art .label-bottom{right:0;bottom:-1%}}
@media(prefers-reduced-motion:reduce){.hero-art .barbell,.barbell-lift{animation:none}}
.hero-art .barbell{top:50%;left:50%;transform:translate(-50%,-50%)}
/* Common website system font stack */
html,body,button,input,textarea,select,*{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
/* Requested typeface: Times New Roman */
html,body,button,input,textarea,select,*{font-family:"Times New Roman",Times,serif!important}