/* Gọi Én — trang chủ, bản 1.0. Sinh tự động, đừng sửa tay. */
:root{
  --g-gold:#FFC53D;
  --g-gold-2:#F0A81C;
  --g-gold-ink:#3E2D06;
}
.gv-home,.gv-home *{box-sizing:border-box}
.gv-home{
  position:relative;isolation:isolate;
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--en-ink,#12211F);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.gv-home::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(700px 440px at 90% 12%, rgba(0,132,126,.13), transparent 62%),
    radial-gradient(620px 480px at 0% 46%, rgba(95,220,196,.15), transparent 60%),
    radial-gradient(760px 540px at 76% 88%, rgba(0,99,96,.10), transparent 62%);
}
.gv-home h1,.gv-home h2,.gv-home h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.gv-home p{margin:0}
.gv-home a{text-decoration:none}
.gv-in{max-width:1200px;margin:0 auto;padding:0 20px}

/* ---------- BOX 1 · mở đầu, bố cục căn giữa ---------- */
.gv-hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(70% 90% at 96% -14%, rgba(255,197,61,.12) 0, transparent 52%),
    radial-gradient(120% 130% at 78% 2%,  rgba(95,220,196,.26) 0, transparent 56%),
    radial-gradient(100% 130% at 4% 100%, rgba(0,132,126,.55) 0, transparent 64%),
    linear-gradient(145deg,#002A28 0%,#006360 56%,#00423F 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.gv-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(158deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 44%);
}
.gv-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg, rgba(255,197,61,0) 12%, rgba(255,197,61,.75) 50%, rgba(255,197,61,0) 88%);
}
.gv-hero-in{
  position:relative;z-index:1;max-width:1000px;margin:0 auto;
  padding:92px 20px 88px;text-align:center;
}
.gv-orb{
  position:absolute;left:50%;top:-260px;width:760px;height:760px;margin-left:-380px;
  border-radius:50%;pointer-events:none;z-index:0;border:1px solid rgba(255,255,255,.09);
  background:radial-gradient(circle at 50% 40%, rgba(95,220,196,.14), rgba(255,255,255,.02) 52%, transparent 70%);
}

.gv-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
  color:#CFF3EA;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  padding:7px 16px;border-radius:999px;
}
.gv-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--g-mint,#5FDCC4);flex:none;
  box-shadow:0 0 0 3px rgba(95,220,196,.24)}

/* tiêu đề cách điệu: vế nhấn tô bằng dải màu, có quầng sáng mảnh */
.gv-hero h1{
  margin:34px auto 0;font-size:clamp(33px,5.4vw,58px);color:#fff;max-width:26ch;
  text-align:center;
  line-height:1.14;text-shadow:0 3px 26px rgba(0,20,19,.34);
}
.gv-hl{
  background:linear-gradient(96deg,#8AEAD8 0%,#5FDCC4 42%,#BFF0DF 72%,#FFD980 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 22px rgba(95,220,196,.34));
}
.gv-swash{display:block;margin:18px auto 0;width:min(270px,50%);height:12px;overflow:visible}

.gv-home .gv-hero-lead{
  margin:32px auto 0;font-size:clamp(15.5px,1.6vw,18.5px);line-height:1.75;
  color:rgba(255,255,255,.82);max-width:54ch;text-align:center;
}
.gv-hero-lead strong{color:#fff;font-weight:700}

/* tám nút module, mỗi nút một sắc nền riêng */
.gv-chips{margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:11px;max-width:840px}
.gv-chip{
  display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;
  font-size:14.5px;font-weight:700;color:#fff;line-height:1.2;
  justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 12px 26px -16px rgba(0,0,0,.75);
  transition:transform .14s ease, background .18s ease, border-color .18s ease;
}
.gv-chip:hover{transform:translateY(-2px);color:#fff}
.gv-chip .d{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.10)}
.gv-chip.m1{background:rgba(95,220,196,.14);border-color:rgba(95,220,196,.38)}
.gv-chip.m1 .d{background:#5FDCC4}
.gv-chip.m1:hover{background:rgba(95,220,196,.24);border-color:rgba(95,220,196,.58)}
.gv-chip.m2{background:rgba(255,159,107,.14);border-color:rgba(255,159,107,.38)}
.gv-chip.m2 .d{background:#FF9F6B}
.gv-chip.m2:hover{background:rgba(255,159,107,.24);border-color:rgba(255,159,107,.58)}
.gv-chip.m3{background:rgba(127,178,255,.14);border-color:rgba(127,178,255,.38)}
.gv-chip.m3 .d{background:#7FB2FF}
.gv-chip.m3:hover{background:rgba(127,178,255,.24);border-color:rgba(127,178,255,.58)}
.gv-chip.m4{background:rgba(200,155,255,.14);border-color:rgba(200,155,255,.38)}
.gv-chip.m4 .d{background:#C89BFF}
.gv-chip.m4:hover{background:rgba(200,155,255,.24);border-color:rgba(200,155,255,.58)}
.gv-chip.m5{background:rgba(255,209,102,.14);border-color:rgba(255,209,102,.38)}
.gv-chip.m5 .d{background:#FFD166}
.gv-chip.m5:hover{background:rgba(255,209,102,.24);border-color:rgba(255,209,102,.58)}
.gv-chip.m6{background:rgba(255,143,177,.14);border-color:rgba(255,143,177,.38)}
.gv-chip.m6 .d{background:#FF8FB1}
.gv-chip.m6:hover{background:rgba(255,143,177,.24);border-color:rgba(255,143,177,.58)}
.gv-chip.m7{background:rgba(155,224,122,.14);border-color:rgba(155,224,122,.38)}
.gv-chip.m7 .d{background:#9BE07A}
.gv-chip.m7:hover{background:rgba(155,224,122,.24);border-color:rgba(155,224,122,.58)}
.gv-chip.m8{background:rgba(111,227,232,.14);border-color:rgba(111,227,232,.38)}
.gv-chip.m8 .d{background:#6FE3E8}
.gv-chip.m8:hover{background:rgba(111,227,232,.24);border-color:rgba(111,227,232,.58)}

/* khẩu hiệu */
.gv-home .gv-slogan{margin:60px auto 0;max-width:660px;position:relative;text-align:center}
.gv-slogan b{
  display:block;font-size:clamp(18px,2.1vw,24px);font-weight:800;letter-spacing:-.01em;
  line-height:1.38;color:#EAF7F2;text-align:center;
}
.gv-slogan span{
  display:block;margin:14px auto 0;max-width:56ch;font-size:14.5px;line-height:1.7;
  color:rgba(255,255,255,.68);text-align:center;
}

/* nút tải ứng dụng: một nút vàng, một nút kính */
.gv-apps{margin-top:52px;display:flex;flex-wrap:wrap;justify-content:center;gap:13px}
.gv-app{
  display:inline-flex;align-items:center;gap:12px;padding:11px 22px 11px 18px;border-radius:14px;
  color:var(--g-gold-ink);border:1px solid rgba(120,86,8,.32);
  background:linear-gradient(180deg,var(--g-gold) 0%,var(--g-gold-2) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 14px 30px -16px rgba(255,175,20,.55);
  transition:transform .12s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
.gv-app:hover{filter:brightness(1.06);color:var(--g-gold-ink)}
.gv-app:active{transform:translateY(1px)}
.gv-app.alt{
  color:#fff;border-color:rgba(255,255,255,.24);filter:none;
  background:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.06));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 14px 30px -18px rgba(0,0,0,.7);
}
.gv-app.alt:hover{color:#fff;background:linear-gradient(180deg, rgba(255,255,255,.23), rgba(255,255,255,.11))}
.gv-app.alt i{color:rgba(255,255,255,.60)}
.gv-app.is-off{
  opacity:.42;cursor:default;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.gv-app.is-off:hover{filter:none;transform:none}
.gv-app svg{flex:none}
.gv-app u{display:block;text-decoration:none;text-align:left}
.gv-app b{display:block;font-size:15.5px;font-weight:800;line-height:1.15}
.gv-app i{display:block;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(62,45,6,.70);margin-bottom:2px}

/* ---------- khối chung ---------- */
.gv-sec{padding:64px 0 0}
.gv-sec-head{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.gv-sec h2{font-size:clamp(23px,2.6vw,32px);position:relative;margin-top:18px}
.gv-sec h2::before{
  content:"";position:absolute;top:-18px;left:0;width:46px;height:4px;border-radius:3px;
  background:linear-gradient(90deg,var(--g-gold),var(--g-gold-2));
}
/* trong hàng có nút bên phải thì bỏ lề trên để tiêu đề và nút thẳng hàng */
.gv-sec-head h2{margin-top:0}
.gv-home .gv-sub{margin-top:12px;font-size:16px;line-height:1.68;color:var(--en-ink-2,#3C4C4A);max-width:70ch}

.gv-btn{
  display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 21px;border-radius:12px;
  cursor:pointer;white-space:nowrap;font:inherit;font-size:15px;font-weight:700;color:#fff;
  border:1px solid rgba(0,66,63,.85);
  background:linear-gradient(180deg,#00817B 0%,#006360 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 10px 22px -10px rgba(0,99,96,.66);
  transition:transform .12s ease, background .18s ease;
}
.gv-btn:hover{background:linear-gradient(180deg,#00938C 0%,#00716D 100%);color:#fff}
.gv-btn:active{transform:translateY(1px)}
.gv-btn-ghost{
  color:#006360;border-color:rgba(0,99,96,.22);font-weight:700;
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.68));
  -webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 20px -12px rgba(0,42,40,.30);
}
.gv-btn-ghost:hover{color:#00423F;border-color:#006360;background:linear-gradient(180deg,#fff,rgba(255,255,255,.82))}

/* ---------- BOX 2 · tám dịch vụ ---------- */
.gv-svc{margin-top:26px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.gv-card{
  padding:22px 22px 20px;border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58));
  border:1px solid rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 1px 2px rgba(0,42,40,.05), 0 10px 26px -8px rgba(0,42,40,.16);
  transition:transform .18s ease, box-shadow .18s ease;
}
.gv-card:hover{transform:translateY(-3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 2px 6px rgba(0,42,40,.07), 0 26px 54px -14px rgba(0,42,40,.26)}
.gv-ico{display:block;width:auto;height:auto}
.gv-card h3{margin-top:15px;font-size:17px}
.gv-card p{margin-top:7px;font-size:14.5px;line-height:1.6;color:var(--en-ink-2,#3C4C4A)}
.gv-card .gv-gp{
  display:inline-block;margin-top:11px;font-size:11px;font-weight:800;letter-spacing:.04em;
  color:#875D11;background:rgba(196,146,26,.14);border:1px solid rgba(160,120,25,.32);
  border-radius:6px;padding:3px 7px;
}

/* ---------- icon riêng của Gọi Én trong tám thẻ dịch vụ ----------
   Chỉ lo khung và kích thước. Đường dẫn ảnh nằm ở khối bên dưới,
   để cùng độ ưu tiên với khối .goien-ic--* trong Custom CSS: nếu anh
   sửa link ở Customizer thì bản ở đó thắng, không phải sửa plugin. */
.gv-ico .goien-ic{
  display:block;width:58px;height:52px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(0,99,96,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px -10px rgba(0,42,40,.26);
}
.gv-ico .goien-ic::before{
  content:"";display:block;width:100%;height:100%;
  background-repeat:no-repeat;background-position:center;background-size:cover;
}
.goien-ic--giao-hang::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/giao-hang.png")}
.goien-ic--do-an::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/do-an.png")}
.goien-ic--lai-ho::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/lai-ho.png")}
.goien-ic--giup-viec::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/giup-viec.png")}
.goien-ic--goi-xe::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/goi-xe.png")}
.goien-ic--qua-tang::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/qua-tang.png")}
.goien-ic--mua-ho::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/mua-ho.png")}
.goien-ic--thue-xe::before{background-image:url("https://goien.vn/wp-content/uploads/2026/08/thue-xe.png")}

/* ---------- BOX 5 · địa bàn, có nền màu ---------- */
.gv-band{
  margin-top:66px;padding:56px 0 64px;position:relative;
  border-top:1px solid rgba(0,99,96,.12);border-bottom:1px solid rgba(0,99,96,.12);
  background:
    radial-gradient(760px 420px at 94% 0%,  rgba(255,197,61,.13), transparent 60%),
    radial-gradient(680px 460px at 2% 100%, rgba(0,132,126,.13), transparent 60%),
    linear-gradient(180deg,#E9F5F3 0%,#F6FBFA 100%);
}

.gv-home .gv-demo{
  margin:22px 0 0;padding:12px 15px;border-radius:12px;font-size:13.5px;line-height:1.55;color:#6A5312;
  background:linear-gradient(180deg, rgba(255,246,224,.86), rgba(255,251,240,.66));
  border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 6px 18px -8px rgba(120,90,10,.28);
}
.gv-demo b{color:#4A3A08}
.gv-demo code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;
  background:rgba(180,140,30,.16);padding:1px 5px;border-radius:5px}

.gv-grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
/* thẻ địa bàn dùng lại đúng lớp .en-card của trang vùng, chỉ bù ba nếp cơ bản */
.gv-home .en-card,.gv-home .en-card *{box-sizing:border-box}
.gv-home .en-card h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.gv-home .en-card p{margin:0}
.gv-more{margin-top:24px;display:flex;justify-content:center}

/* ---------- BOX cuối · đăng ký mở vùng, nền trắng ---------- */
.gv-reg{
  margin-top:0;position:relative;overflow:hidden;color:var(--en-ink,#12211F);
  background:
    radial-gradient(680px 380px at 96% 4%, rgba(255,197,61,.10), transparent 62%),
    linear-gradient(180deg,#FFFFFF 0%,#FBFEFD 100%);
}
.gv-reg-in{
  position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:66px 20px 72px;
  display:grid;gap:34px 48px;grid-template-columns:1fr 1.2fr;align-items:center;
}
.gv-reg h2{font-size:clamp(24px,2.7vw,34px);position:relative;margin-top:18px}
.gv-reg h2::before{
  content:"";position:absolute;top:-18px;left:0;width:46px;height:4px;border-radius:3px;
  background:linear-gradient(90deg,var(--g-gold),var(--g-gold-2));
}
.gv-reg-left > p{margin-top:16px;font-size:15.5px;line-height:1.72;color:var(--en-ink-2,#3C4C4A);max-width:48ch}
.gv-points{margin-top:22px;display:grid;gap:11px}
.gv-point{
  display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border-radius:14px;
  font-size:14.5px;line-height:1.58;color:var(--en-ink-2,#3C4C4A);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.64));
  border:1px solid rgba(0,99,96,.14);
  -webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 22px -12px rgba(0,42,40,.22);
}
.gv-point b{color:var(--en-ink,#12211F)}
.gv-point .tk{flex:none;width:22px;height:22px;border-radius:50%;margin-top:1px;
  display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;
  color:var(--g-gold-ink);background:linear-gradient(180deg,var(--g-gold),var(--g-gold-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.gv-home .gv-reg-note{margin-top:20px;font-size:14.5px;line-height:1.72;color:var(--en-ink-2,#3C4C4A);max-width:48ch}
.gv-reg-left a{color:#006360;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.gv-reg-left a:hover{color:#00423F}

.gv-form{
  padding:28px 28px 30px;border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));
  border:1px solid rgba(255,255,255,.8);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 2px 6px rgba(0,42,40,.06), 0 30px 64px -24px rgba(0,42,40,.30);
}
.gv-form h3{font-size:19.5px;color:var(--en-ink,#12211F)}
.gv-form > p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--en-ink-3,#6C7C7A)}
.gv-field{margin-top:15px}
.gv-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.gv-field label,.gv-field .lg{display:block;font-size:13.5px;font-weight:700;color:var(--en-ink,#12211F);margin-bottom:7px}
.gv-field .hint{font-weight:500;color:var(--en-ink-3,#6C7C7A);font-size:12.5px}
.gv-field input,.gv-field select,.gv-field textarea{
  width:100%;border-radius:12px;padding:11px 13px;font:inherit;font-size:15px;
  color:var(--en-ink,#12211F);outline:0;border:1px solid rgba(0,99,96,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.80));
  box-shadow:inset 0 1px 2px rgba(0,42,40,.05);
}
.gv-field textarea{min-height:84px;resize:vertical}
.gv-field input::placeholder,.gv-field textarea::placeholder{color:var(--en-ink-3,#6C7C7A)}
.gv-field select{appearance:none;padding-right:34px;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23006360' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.80));
  background-repeat:no-repeat,no-repeat;background-position:right 13px center,0 0}
.gv-field :focus{border-color:#006360;box-shadow:0 0 0 3px rgba(0,99,96,.14)}

.gv-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.gv-check{
  display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border-radius:12px;cursor:pointer;
  font-size:14px;line-height:1.4;color:var(--en-ink,#12211F);border:1px solid rgba(0,99,96,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.gv-check:hover{border-color:#006360}
.gv-check input{margin:2px 9px 0 0;flex:none;width:16px;height:16px;accent-color:#006360}
.gv-check.is-taken{opacity:.55;cursor:not-allowed;
  background:rgba(196,146,26,.14);border-color:rgba(160,120,25,.32)}
.gv-check .sub{display:block;font-size:11.5px;color:var(--en-ink-3,#6C7C7A);margin-top:2px}
.gv-home .gv-legal{margin-top:15px;font-size:12.5px;line-height:1.55;color:var(--en-ink-3,#6C7C7A)}
.gv-home .gv-err{margin-top:12px;font-size:13.5px;font-weight:600;color:#B00020}
.gv-form-foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* nút gửi dùng màu phụ vàng cho nổi trên nền trắng */
.gv-form-foot .gv-btn{
  color:var(--g-gold-ink);border-color:rgba(120,86,8,.32);
  background:linear-gradient(180deg,var(--g-gold) 0%,var(--g-gold-2) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 12px 26px -12px rgba(255,175,20,.60);
}
.gv-form-foot .gv-btn:hover{filter:brightness(1.06);color:var(--g-gold-ink);
  background:linear-gradient(180deg,var(--g-gold) 0%,var(--g-gold-2) 100%)}
.gv-form-foot .gv-btn-ghost{
  color:#006360;border-color:rgba(0,99,96,.22);filter:none;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 20px -12px rgba(0,42,40,.28);
}
.gv-form-foot .gv-btn-ghost:hover{color:#00423F;border-color:#006360;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.82))}
.gv-done h3{font-size:18.5px;color:var(--en-ink,#12211F)}
.gv-done p{margin-top:9px;font-size:14.5px;line-height:1.62;color:var(--en-ink-2,#3C4C4A)}
.gv-done a{color:#006360;font-weight:600}
.gv-done pre{
  margin-top:14px;padding:14px;border-radius:12px;font-size:13px;line-height:1.55;
  color:var(--en-ink-2,#3C4C4A);background:rgba(0,99,96,.06);border:1px solid rgba(0,99,96,.16);
  white-space:pre-wrap;word-break:break-word;max-height:230px;overflow:auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- máy không hỗ trợ làm nhoè nền ---------- */
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .gv-card,.gv-btn-ghost,.gv-form,.gv-point,.gv-check{background:#fff}
  .gv-demo{background:#FFF9E8}
  .gv-eyebrow{background:rgba(255,197,61,.20)}
}

@media (max-width:900px){
  .gv-chips{grid-template-columns:repeat(3,1fr);max-width:640px}
}
@media (max-width:980px){
  .gv-reg-in{grid-template-columns:1fr;padding:48px 20px 52px}
}
@media (max-width:700px){
  .gv-hero-in{padding:58px 20px 56px}
  .gv-orb{display:none}
  .gv-slogan{margin-top:46px}
  .gv-band{padding:44px 0 50px;margin-top:48px}
  .gv-reg-in{padding:46px 20px 52px}
  .gv-hero h1{max-width:none}
  .gv-facts{margin-top:32px;padding-top:24px}
  .gv-sec{padding:48px 0 0}
  .gv-grid{grid-template-columns:1fr}
  .gv-app{flex:1 1 100%;justify-content:center}
  .gv-more .gv-btn{width:100%;justify-content:center}
  .gv-mods{grid-template-columns:1fr}
  .gv-2col{grid-template-columns:1fr}
  .gv-chips{grid-template-columns:1fr 1fr;gap:9px;margin-top:38px}
  .gv-apps{margin-top:40px}
  .gv-chip{padding:10px 12px;font-size:13.5px}
}