:root{--t-hd:#f1fff6;--t-body:#d3ddd7;--t-mu:#9fb0a7;--t-ac:#22ff88;--t-ln:#6ee7b7;--cy:#22ff88;--vi:#10b981;--gd:#c8963e;--bg0:#05060a;--glass:rgba(16,20,32,.55);--gl:rgba(255,255,255,.1);--hd:'Space Grotesk','Be Vietnam Pro',system-ui,sans-serif}
html,body{overflow-x:hidden}
body{background:var(--bg0);color:var(--t-body)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(900px 600px at 85% -10%,rgba(16,185,129,.18),transparent 60%),
radial-gradient(800px 600px at -10% 30%,rgba(34,255,136,.10),transparent 60%),
radial-gradient(700px 500px at 60% 110%,rgba(200,150,62,.08),transparent 60%),var(--bg0)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;
background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;
-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 80%)}
section:not(.hero),footer{background:transparent!important}
section.alt:not(.hero){background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important}
h1,h2,h3{font-family:var(--hd);letter-spacing:-.01em}
h1,h2{background:linear-gradient(92deg,#fff 0%,#d9ffe9 35%,var(--cy) 65%,#bef264 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{color:var(--t-ac)!important;letter-spacing:.22em}
.nav{background:rgba(8,10,18,.55)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(34,255,136,.14)!important}
.card,.room,.fold,.tbl,form,.steps li,.price .card,.fstat{position:relative;background:var(--glass)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent!important;
background-clip:padding-box;box-shadow:0 12px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)!important;border-radius:16px!important;transition:transform .35s,box-shadow .35s}
.card::before,.room::before,.fold::before,.tbl::before,form::before,.steps li::before,.fstat::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
background:linear-gradient(135deg,rgba(34,255,136,.55),rgba(16,185,129,.35) 45%,rgba(200,150,62,.35));
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .35s}
.card:hover,.room:hover,.steps li:hover,.fstat:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 28px rgba(34,255,136,.16)!important}
.card:hover::before,.room:hover::before,.steps li:hover::before,.fstat:hover::before{opacity:1}
.ic{background:linear-gradient(135deg,rgba(34,255,136,.12),rgba(16,185,129,.12))!important;border:1px solid rgba(34,255,136,.25)!important;color:var(--cy)!important;box-shadow:0 0 18px rgba(34,255,136,.12)}
.ico,.ii{stroke:var(--cy)!important;color:var(--cy)}
.btn{background:linear-gradient(92deg,var(--cy),var(--vi))!important;color:#05060a!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 26px rgba(34,255,136,.28),0 0 40px rgba(16,185,129,.2);transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 32px rgba(34,255,136,.45),0 0 60px rgba(16,185,129,.35)}
.btn.zalo,.btn.o,.btn.ghost{background:rgba(34,255,136,.06)!important;color:var(--t-hd)!important;box-shadow:inset 0 0 0 1px rgba(34,255,136,.45),0 0 22px rgba(34,255,136,.12)}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
radial-gradient(600px 300px at 75% 30%,rgba(34,255,136,.18),transparent 70%),radial-gradient(500px 300px at 20% 80%,rgba(16,185,129,.22),transparent 70%);mix-blend-mode:screen;animation:glow 9s ease-in-out infinite alternate}
.hero>*{position:relative;z-index:2}
.hero canvas.fx{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
@keyframes glow{to{transform:translate3d(-3%,2%,0) scale(1.08);opacity:.75}}
main img,section img{border:1px solid rgba(34,255,136,.18)!important;box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 0 1px rgba(16,185,129,.06)!important;border-radius:13px}
section img:hover{box-shadow:0 18px 42px rgba(0,0,0,.6),0 0 26px rgba(34,255,136,.18)!important}
.fstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-40px;position:relative;z-index:3}
.fstat{padding:20px 18px;text-align:center}
.fstat b{display:block;font-family:var(--hd);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;background:linear-gradient(92deg,#fff,var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent}
.fstat span{font-size:13px;color:var(--t-mu)}
@media(max-width:760px){.fstats{grid-template-columns:repeat(2,1fr);margin-top:-24px}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}
p,li,td,.lead{color:var(--t-body)}.note,small,.price .old,.fstat span,figcaption{color:var(--t-mu)!important}h3,h4,b,strong,th{color:var(--t-hd)}a:not(.btn):not(.logo){color:var(--t-ln)}nav a,.nav a:not(.btn){color:var(--t-body)!important}nav a:hover,.nav a.on{color:var(--t-ac)!important}.logo span,.c,.p,.price b{color:var(--t-ac)!important}

.fab a{box-shadow:0 0 24px rgba(34,255,136,.35)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.hero canvas.fx{display:none}}
/* space */
body::before{background:
radial-gradient(1100px 700px at 80% -5%,rgba(16,185,129,.20),transparent 60%),
radial-gradient(900px 600px at -10% 35%,rgba(34,255,136,.09),transparent 62%),
radial-gradient(700px 520px at 55% 75%,rgba(190,242,100,.06),transparent 60%),
radial-gradient(1200px 900px at 50% 120%,rgba(16,185,129,.10),transparent 60%),#020403!important}
body::after{opacity:.18!important}
#space{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.planet{position:fixed;z-index:-1;pointer-events:none;top:9vh;right:-90px;width:300px;height:300px;border-radius:50%;
background:radial-gradient(circle at 32% 30%,rgba(110,231,183,.35),rgba(16,185,129,.12) 40%,rgba(2,6,4,.9) 72%);
box-shadow:inset -30px -20px 60px rgba(0,0,0,.8),0 0 80px rgba(34,255,136,.12);opacity:.55}
.planet::after{content:"";position:absolute;left:-40%;top:42%;width:180%;height:16%;border-radius:50%;border:1px solid rgba(34,255,136,.35);transform:rotate(-18deg);box-shadow:0 0 20px rgba(34,255,136,.15)}
@media(max-width:760px){.planet{width:180px;height:180px;right:-70px;top:14vh;opacity:.4}}
/* contact space */
.lienhe,#lien-he,#dat-lich{position:relative;isolation:isolate;overflow:hidden;background:
radial-gradient(700px 380px at 85% 10%,rgba(16,185,129,.22),transparent 65%),
radial-gradient(600px 360px at 10% 90%,rgba(34,255,136,.12),transparent 65%),
linear-gradient(180deg,rgba(2,4,3,.2),rgba(2,6,4,.75))!important;border-top:1px solid rgba(34,255,136,.18)!important}
.lienhe::before,#lien-he::before,#dat-lich::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.7;
background-image:radial-gradient(1px 1px at 12% 22%,#f1fff6,transparent),radial-gradient(1px 1px at 32% 68%,#9effc9,transparent),radial-gradient(1.4px 1.4px at 58% 18%,#f1fff6,transparent),radial-gradient(1px 1px at 76% 54%,#f1fff6,transparent),radial-gradient(1.2px 1.2px at 88% 82%,#9effc9,transparent),radial-gradient(1px 1px at 44% 88%,#f1fff6,transparent),radial-gradient(1px 1px at 6% 60%,#9effc9,transparent);background-size:340px 260px}
.lienhe form,.lienhe .card,#lien-he form,#dat-lich .card,.card.cta{background:rgba(8,20,14,.55)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.6),0 0 30px rgba(34,255,136,.12)!important}
.lienhe form::before,#lien-he form::before,.card.cta::before{opacity:.95!important;background:linear-gradient(135deg,rgba(34,255,136,.8),rgba(16,185,129,.4) 50%,rgba(190,242,100,.5))!important}
input,select,textarea{background:rgba(2,8,5,.6)!important;color:var(--t-hd)!important;border:1px solid rgba(34,255,136,.22)!important;border-radius:10px}
input::placeholder,textarea::placeholder{color:var(--t-mu)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--t-ac)!important;box-shadow:0 0 0 3px rgba(34,255,136,.15)}
footer{background:rgba(2,5,3,.7)!important;border-top:1px solid rgba(34,255,136,.12)}
/* imported knowledge posts */
.lp-post .hook{border-left:3px solid var(--cy);margin:0 0 22px}
.lp-post .hook h2{margin:.2em 0 .4em}
.lp-post table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:18px 0}
.lp-post th,.lp-post td{border:1px solid rgba(34,255,136,.18);padding:8px 10px;text-align:left;vertical-align:top}
.lp-post img{display:block;width:100%;max-width:100%;height:auto;margin:18px 0}
.lp-post figure{margin:22px 0}
.lp-post *{overflow-wrap:anywhere}
.lp-post .card{margin:22px 0}
/* rewritten posts */
.lp-post .hookp{font-size:1.15rem;line-height:1.6;border-left:3px solid #39ff88;padding:.4rem 0 .4rem 1rem;margin:0 0 1.2rem}
.lp-post .aimg{margin:1.4rem 0}.lp-post .aimg img{width:100%;height:auto;border-radius:12px;display:block}
.lp-post .aimg figcaption{font-size:.8rem;opacity:.7;margin-top:.4rem}
.lp-post .card.chk li,.lp-post .card.ben li{list-style:none}
/* Ads landing */
.hero .cta .btn.call{background:#39ff88;color:#04140a;font-weight:700}
.hben{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.35rem;font-size:.98rem}
.qf{background:rgba(10,20,14,.82);border:1px solid rgba(57,255,136,.35);border-radius:14px;padding:1rem;display:grid;gap:.55rem;max-width:460px;margin-top:1rem}
.qf h3{margin:0}.qf input,.qf textarea{width:100%;box-sizing:border-box;padding:.75rem;border-radius:8px;border:1px solid #2a3a30;background:#0b0f0c;color:#fff;font-size:16px}
.qf .note{font-size:.8rem;opacity:.75;margin:0}
.mbar{display:none}
@media(max-width:767px){.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0b0f0c;border-top:1px solid #39ff88}
.mbar a{flex:1;text-align:center;padding:.9rem .4rem;font-weight:700;color:#04140a;background:#39ff88}.mbar a+a{background:#0b0f0c;color:#39ff88}
body:has(.mbar){padding-bottom:56px}.hero .cta .btn{width:100%;text-align:center;box-sizing:border-box}
.hero.live,.hero.tvc{background-attachment:scroll!important}
*{animation-duration:.01ms!important}}
@media(max-width:767px){body:has(.mbar) .fab{bottom:70px!important}}