/* Playful Preschool + Futuristic EdTech atmosphere and 3D depth; content never depends on motion. */
.onekids-home {
  --ok-electric:#0866ed;
  --ok-cyan:#00b4d8;
  --ok-sunshine:#ffbe2e;
  --ok-coral:#ff5d8f;
  --ok-mint:#06d6a0;
  --ok-violet:#7b2cbf;
}
.onekids-home .site-header {
  background:linear-gradient(90deg,#ffffffed 0%,#f5fafff2 52%,#fff9fced 100%);
  backdrop-filter:blur(20px) saturate(165%);
  border-bottom:1px solid #d8e8fa;
  box-shadow:0 4px 24px #103b760a;
  transition:box-shadow .25s,background .25s,border-color .25s;
}
.onekids-home .site-header.is-scrolled {
  background:#fffffff5;
  border-bottom-color:#c6defa;
  box-shadow:0 10px 32px #0f386e14;
}
.onekids-home .desktop-nav a {
  position:relative;
  transition:color .2s;
}
.onekids-home .desktop-nav a::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:14px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#0866ed,#00b4d8,#06d6a0);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.onekids-home .desktop-nav a:hover::after,
.onekids-home .desktop-nav a:focus-visible::after {
  transform:scaleX(1);
}
.onekids-home .header-actions {
  gap:10px;
}
.onekids-home .header-actions .button-small {
  background:linear-gradient(135deg,#0866ed 0%,#0096c7 55%,#00b4d8 100%);
  box-shadow:0 6px 18px #0866ed2e,inset 0 1px 0 #ffffff66;
}
.onekids-home .header-actions .icon-link {
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  border-radius:50%;
  background:linear-gradient(145deg,#ffffff,#edf6ff);
  border:1px solid #c9dff8;
  color:#0866ed;
  box-shadow:0 4px 12px #0866ed12,inset 0 1px 0 #fff;
  transition:transform .22s cubic-bezier(.2,.7,.25,1),background .22s,border-color .22s,color .22s,box-shadow .22s;
}
.onekids-home .header-actions .icon-link svg {
  width:18px;
  height:18px;
  stroke-width:1.85;
  transition:transform .22s cubic-bezier(.2,.7,.25,1);
}
@media(max-width:600px) {
  .onekids-home .header-actions .icon-link {
    display:none;
  }
}
.onekids-home .hero {
  position:relative;
  isolation:isolate;
}
.onekids-home .hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 22%,#ffbe2e24 0%,transparent 34%),
    radial-gradient(circle at 36% 84%,#06d6a01f 0%,transparent 38%),
    radial-gradient(circle at 28% 14%,#00b4d821 0%,transparent 36%),
    linear-gradient(90deg,#0866ed08 1px,transparent 1px),
    linear-gradient(180deg,#0866ed08 1px,transparent 1px);
  background-size:100% 100%,100% 100%,100% 100%,44px 44px,44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 68% 82% at 26% 48%,#000 15%,transparent 75%);
  mask-image:radial-gradient(ellipse 68% 82% at 26% 48%,#000 15%,transparent 75%);
}
.onekids-home .hero-inner {
  position:relative;
  z-index:1;
}
.onekids-home .hero h1 span {
  background:linear-gradient(120deg,#0866ed 0%,#0096c7 48%,#6c2bd9 96%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 6px 18px #0866ed1c);
}
.onekids-home .hero .button:not(.button-outline) {
  position:relative;
  overflow:hidden;
  border-radius:999px;
  padding-inline:26px;
  background:linear-gradient(135deg,#0866ed 0%,#0088e8 52%,#00b4d8 100%);
  box-shadow:0 10px 26px -4px #0866ed42,inset 0 1px 0 #ffffff66;
}
.onekids-home .hero .button-outline {
  border-radius:999px;
  padding-inline:24px;
  background:#ffffffeb;
  backdrop-filter:blur(10px);
  border:1.5px solid #90bef5;
  box-shadow:0 8px 20px #0866ed12,inset 0 1px 0 #fff;
}
.onekids-home .hero-trust {
  padding:11px 16px;
  border-radius:20px;
  background:#ffffff;
  border:1.5px solid #e0ecf8;
  box-shadow:0 10px 26px -6px rgba(16,59,118,0.08);
}
.onekids-home .hero-trust img {
  border-radius:12px;
}
@media(max-width:1499px) {
  .onekids-home .hero {
    background: linear-gradient(180deg, #f0f6ff 0%, #f8faff 50%, #ffffff 100%);
  }
  .onekids-home .hero-visual {
    padding:10px;
    border-radius:26px;
    background:#ffffff;
    border:1.5px solid #dce8f8;
    box-shadow:0 16px 36px -8px rgba(16,59,118,0.1);
  }
  .onekids-home .hero-visual img {
    border-radius:20px;
  }
}
@media(max-width:600px) {
  .onekids-home .hero-visual {
    padding:7px;
    border-radius:26px 20px 28px 20px;
  }
  .onekids-home .hero-visual img {
    border-radius:20px 14px 22px 14px;
  }
}

/* Vibrant section surfaces for Overview, Ecosystem, Customers, FAQ and Consultation. */
.onekids-home .overview .overview-image {
  filter:drop-shadow(0 16px 32px #103b7618);
}
.onekids-home .overview .problem-list {
  margin:0;
  padding:0;
}
.onekids-home .overview .problem-list li {
  position:relative;
  padding:11px 4px 11px 38px;
  margin-block:0;
  border-radius:0;
  background:transparent;
  border:0;
  border-bottom:1px dashed #e2ecf8;
  box-shadow:none;
  font-size:15px;
  font-weight:530;
  line-height:1.65;
  color:#2d4665;
  transition:transform .2s,color .2s;
}
.onekids-home .overview .problem-list li:last-child {
  border-bottom:0;
}
.onekids-home .overview .problem-list li:before {
  content:'×';
  left:0;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:58% 42% 46% 54% / 44% 56% 44% 56%;
  background:#fff0f5;
  border:1px solid #ffd4e3;
  color:#e11d68;
  font-size:17px;
  font-weight:800;
  line-height:1;
  transition:transform .2s,background .2s,color .2s,box-shadow .2s;
}
.onekids-home .overview .problem-list li[data-has-leading-symbol='true']:before {content:none}
@media(hover:hover) and (pointer:fine) {
  .onekids-home .overview .problem-list li:hover {
    color:#0e2f5c;
    transform:translateX(5px);
  }
  .onekids-home .overview .problem-list li:hover:before {
    background:#e11d68;
    border-color:#e11d68;
    color:#fff;
    box-shadow:0 4px 12px #e11d6838;
  }
}
.onekids-home .overview .overview-note {
  padding:6px 0 6px 18px;
  margin-top:20px;
  background:transparent;
  border:0;
  border-left:4px solid #0866ed;
  border-radius:0;
  box-shadow:none;
  font-size:15.5px;
  font-weight:750;
  line-height:1.65;
  color:#0a3b7d;
}
.onekids-home .ecosystem {
  background: #f8fafc;
}
.onekids-home .ecosystem .app-card {
  --ok-play-tint:#0ea5e9;
  --ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));
  position:relative;
  overflow:hidden;
  border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-card-tone) 7%,#ffffff) 100%);
  box-shadow:0 10px 24px -6px rgba(16,59,118,0.06),0 2px 8px -2px rgba(16,59,118,0.03);
}
.onekids-home .ecosystem .app-card:nth-child(6n+2) {
  --ok-play-tint:#f59e0b;
}
.onekids-home .ecosystem .app-card:nth-child(6n+3) {
  --ok-play-tint:#10b981;
}
.onekids-home .ecosystem .app-card:nth-child(6n+4) {
  --ok-play-tint:#f43f5e;
}
.onekids-home .ecosystem .app-card:nth-child(6n+5) {
  --ok-play-tint:#8b5cf6;
}
.onekids-home .ecosystem .app-card:nth-child(6n+6) {
  --ok-play-tint:#f97316;
}
.onekids-home .ecosystem .security-inner {
  padding:24px 28px;
  border:1.5px solid #e0ecf8;
  border-radius:24px;
  background:#ffffff;
  box-shadow:0 10px 26px -8px rgba(16,59,118,0.05);
}
.onekids-home .ecosystem .security-items>div {
  --ok-sec-tint:#0ea5e9;
  padding:8px 12px;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.onekids-home .ecosystem .security-items>div:nth-child(2) {
  --ok-sec-tint:#f59e0b;
}
.onekids-home .ecosystem .security-items>div:nth-child(3) {
  --ok-sec-tint:#10b981;
}
.onekids-home .features {
  background: #ffffff;
}
.onekids-home .customer-zones>.customer-logo-zone,
.onekids-home .customer-zones>.success-story {
  border-radius:24px;
  border:1.5px solid #dce8f8;
  box-shadow:0 12px 30px -8px rgba(16,59,118,0.06);
}
.onekids-home .customer-zones .customer-logo-card {
  border-radius:18px;
  background:#ffffff;
  border:1.5px solid #e2effc;
}
.onekids-home .customer-review {
  --ok-play-tint:#0ea5e9;
  --ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));
  border-radius:24px;
  border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);
  background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-card-tone) 7%,#ffffff) 100%);
  box-shadow:0 10px 24px -6px rgba(16,59,118,0.05);
}
.onekids-home .customer-review:nth-child(even) {
  --ok-play-tint:#f43f5e;
}
.onekids-home .customer-review blockquote {
  border-radius:16px;
  border:1.5px solid #e4f0fc;
  border-left:4px solid var(--ok-card-tone,var(--card-accent,#0866ed));
  background:#ffffff;
}
.onekids-home .customer-review figcaption {
  border-radius:16px;
  border:1.5px solid #ffffff;
}
.onekids-home .customer-review .customer-review-header {
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.onekids-home .customer-review .customer-review-header .testimonial-icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border-radius:14px;
  background:color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 14%,#fff);
  border:1.5px solid #fff;
  box-shadow:0 4px 10px color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 18%,transparent);
}
.onekids-home .customer-review .customer-review-topic {
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  padding:3px 12px;
  margin:0 0 10px;
  border-radius:999px;
  background:#ffffffeb;
  border:1px solid color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 22%,#fff);
  color:color-mix(in srgb,var(--ok-card-tone,var(--card-accent,#0866ed)) 88%,#123660);
  font-size:11.5px;
  font-weight:700;
}
.onekids-home .faq-section {
  background: #ffffff;
}
@media(min-width:601px) {
  .onekids-home .faq-section:not([data-ok-layout='stack']) .faq-grid.ok-faq-masonry {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:1px;
    gap:0 22px;
    align-items:start;
  }
}
.onekids-home .faq-item {
  --ok-play-tint:#0ea5e9;
  --ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));
  border-radius:20px;
  border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);
  background:#ffffff;
  box-shadow:0 6px 18px -4px rgba(16,59,118,0.04);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.onekids-home .faq-item:nth-child(4n+2) {
  --ok-play-tint:#f59e0b;
}
.onekids-home .faq-item:nth-child(4n+3) {
  --ok-play-tint:#10b981;
}
.onekids-home .faq-item:nth-child(4n+4) {
  --ok-play-tint:#f43f5e;
}
.onekids-home .faq-item summary>.faq-icon {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ok-card-tone) 18%,#fff),color-mix(in srgb,var(--ok-card-tone) 8%,#fffdf5));
  border:1.5px solid #fff;
  color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);
  box-shadow:0 4px 10px color-mix(in srgb,var(--ok-card-tone) 18%,transparent);
}
.onekids-home .faq-item:nth-child(even) summary>.faq-icon {
  border-radius:14px;
}
.onekids-home .faq-item[open] {
  border-color:color-mix(in srgb,var(--ok-card-tone) 42%,#dbeafe);
  box-shadow:0 12px 28px -6px color-mix(in srgb,var(--ok-card-tone) 20%,rgba(16,59,118,0.08));
}
.onekids-home .consultation {
  background: linear-gradient(180deg, #f0f6ff 0%, #eaf2fc 100%);
}
.onekids-home .demo-form {
  border-radius:24px;
  border:1.5px solid #dce8f8;
  background:#ffffff;
  backdrop-filter:blur(16px);
  box-shadow:0 16px 36px -8px rgba(16,59,118,0.08);
}
.onekids-home .demo-form input:not([type=checkbox],[type=hidden],.honeypot) {
  border-radius:14px;
  border:1.5px solid #d8e8fa;
  background:#fafdff;
  padding-inline:15px;
  transition:border-color .18s,box-shadow .18s;
}
.onekids-home .demo-form input:not([type=checkbox],[type=hidden],.honeypot):focus,
.onekids-home .demo-form input:not([type=checkbox],[type=hidden],.honeypot):focus-visible {
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 4px #0866ed17;
}
.onekids-home .demo-form input[type=checkbox]:focus,
.onekids-home .demo-form input[type=checkbox]:focus-visible {
  outline:none;
  box-shadow:0 0 0 3px #0866ed24;
}
.onekids-home .demo-form>.button {
  border-radius:999px;
  background:linear-gradient(135deg,#0866ed 0%,#0088e8 52%,#00b4d8 100%);
  box-shadow:0 10px 24px -4px #0866ed3d;
}
.onekids-home .floating-zalo {
  background:linear-gradient(135deg,#0866ed,#00b4d8);
  box-shadow:0 8px 24px #0866ed45,0 0 0 5px #0866ed18;
  transition:transform .2s,box-shadow .2s;
}
.onekids-home .back-to-top {
  transition:transform .2s,box-shadow .2s,border-color .2s;
}

/* Every editorial item is visible; the desktop row follows the five article brief. */
.onekids-home .news .news-grid--complete {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;overflow:visible;align-items:stretch}
.onekids-home .news .news-grid--complete .news-card {
  --ok-play-tint:#0ea5e9;
  --ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));
  position:relative;
  overflow:hidden;
  padding:0;
  border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);
  border-radius:22px;
  background:#ffffff;
  box-shadow:0 10px 24px -6px rgba(16,59,118,0.05);
}
.onekids-home .news .news-grid--complete .news-card:nth-child(5n+2) {--ok-play-tint:#f59e0b}
.onekids-home .news .news-grid--complete .news-card:nth-child(5n+3) {--ok-play-tint:#10b981}
.onekids-home .news .news-grid--complete .news-card:nth-child(5n+4) {--ok-play-tint:#f43f5e}
.onekids-home .news .news-grid--complete .news-card:nth-child(5n+5) {--ok-play-tint:#8b5cf6}
.onekids-home .news .news-grid--complete .news-card>img {border-radius:20px 20px 0 0;border:0;transition:transform .35s ease,filter .3s ease}
.onekids-home .news .news-grid--complete .news-card .news-icon {width:36px;height:36px;border-radius:12px;border:1.5px solid #fff;box-shadow:0 4px 12px #0f2e5a1c;transition:transform .25s ease,background .25s,color .25s,box-shadow .25s}
.onekids-home .news .news-grid--complete .news-card>div {position:relative;z-index:1;padding:15px 12px 16px;background:transparent}
.onekids-home .news .news-grid--complete .news-card h3 {font-size:14px;line-height:1.6;letter-spacing:-.015em;transition:color .25s ease}
.onekids-home .news .news-grid--complete .news-card p:empty {display:none}
.onekids-home .news .news-grid--complete .news-read-more {font-size:12px;padding-top:10px;border-top:1px solid #eef2f7;color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);transition:color .25s ease,border-color .25s ease}
.onekids-home .news .news-grid--complete .news-read-more>span {display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0f5fc;border:1px solid #e0ecf8;color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s,color .28s,box-shadow .28s}
.onekids-home .news {padding-bottom:28px}
.onekids-home .faq-section {padding-block:28px}
.onekids-home .faq-section .section-title {margin-bottom:24px}
@media(max-width:1100px) {.onekids-home .news .news-grid--complete {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:750px) {.onekids-home .news .news-grid--complete {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:480px) {.onekids-home .news .news-grid--complete {grid-template-columns:minmax(0,1fr)}.onekids-home .news .news-grid--complete .news-card h3 {font-size:16px}}

/* Interactive 3D perspective tilt, multi-plane pop-out and motion effects on pointer devices. */
@keyframes ok-float-gentle {
  0%,100% {transform:translate3d(0,0,0)}
  50% {transform:translate3d(0,-6px,0)}
}
@keyframes ok-enter-3d {
  0% {transform:perspective(1100px) translate3d(0,18px,-16px) rotateX(4deg)}
  100% {transform:perspective(1100px) translate3d(0,0,0) rotateX(0deg)}
}
html.ok-enhanced .onekids-home .ok-in-view {
  animation:ok-enter-3d .55s cubic-bezier(.22,1,.36,1) backwards;
  animation-delay:calc(var(--ok-stagger,0) * 45ms);
}
html.ok-enhanced .onekids-home .ok-in-view:nth-child(2) {--ok-stagger:1}
html.ok-enhanced .onekids-home .ok-in-view:nth-child(3) {--ok-stagger:2}
html.ok-enhanced .onekids-home .ok-in-view:nth-child(4) {--ok-stagger:3}
html.ok-enhanced .onekids-home .ok-in-view:nth-child(5) {--ok-stagger:4}
html.ok-enhanced .onekids-home .ok-in-view:nth-child(6) {--ok-stagger:5}
@media (hover:hover) and (pointer:fine) {
  .onekids-home .header-actions .icon-link:hover {
    transform:translateY(-2px);
    background:linear-gradient(135deg,#0866ed,#00b4d8);
    border-color:transparent;
    color:#fff;
    box-shadow:0 8px 20px #0866ed33;
  }
  .onekids-home .header-actions .icon-link:hover svg {
    transform:scale(1.1) rotate(-6deg);
  }
  .onekids-home .overview .overview-image {
    animation:ok-float-gentle 6s ease-in-out infinite;
  }
  .onekids-home .overview .problem-list li:hover {
    transform:translateX(4px);
    border-color:#f2b8ce;
    box-shadow:0 8px 18px #143f7410;
  }
  .onekids-home :is(.value-card,.ecosystem .app-card,.native-role-card,.ai-card,.reason-grid>article) {
    position:relative;
    transform:perspective(1100px) translate3d(0,0,0) rotateX(var(--ok-tilt-x,0deg)) rotateY(var(--ok-tilt-y,0deg));
    transform-style:preserve-3d;
    transition:transform .28s cubic-bezier(.2,.7,.25,1),box-shadow .28s,border-color .28s;
  }
  .onekids-home :is(.value-card,.ecosystem .app-card,.native-role-card,.ai-card,.reason-grid>article):hover {
    z-index:2;
    transform:translate3d(0,-6px,0);
    box-shadow:0 18px 36px -8px color-mix(in srgb,var(--card-accent,#0866ed) 22%,rgba(16,59,118,0.12)),0 4px 12px rgba(16,59,118,0.04);
    border-color:color-mix(in srgb,var(--card-accent,#0866ed) 38%,#cfe0f8);
  }
  .onekids-home :is(.value-card,.reason-grid>article)>.card-native-icon,
  .onekids-home .ai-app-mark,.onekids-home .role-icon,.onekids-home .step-symbol,.onekids-home .ecosystem-app-icon {
    transition:transform .3s cubic-bezier(.2,.7,.25,1),box-shadow .3s;
    box-shadow:0 4px 12px -2px rgba(16,59,118,0.08);
  }
  .onekids-home :is(.value-card,.reason-grid>article):hover>.card-native-icon,
  .onekids-home .ai-card:hover .ai-app-mark,.onekids-home .native-role-card:hover .role-icon,
  .onekids-home .ecosystem .app-card:hover .ecosystem-app-icon {
    transform:translateY(-2px) scale(1.05);
    box-shadow:0 8px 18px -3px color-mix(in srgb,var(--card-accent,#0866ed) 28%,transparent);
  }
  .onekids-home .workflow-step>:is(.step-symbol,h3,p,.step-time) {
    transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,color .28s,background .28s,border-color .28s;
  }
  .onekids-home .workflow-step:hover .step-number {
    transform:translateY(-2px) scale(1.06);
    box-shadow:0 6px 14px color-mix(in srgb,var(--card-accent,#0866ed) 32%,transparent);
  }
  .onekids-home .workflow-step:hover>.step-symbol {
    transform:translateY(-4px) scale(1.05);
    box-shadow:0 8px 20px -4px color-mix(in srgb,var(--card-accent,#0866ed) 30%,transparent);
  }
  .onekids-home .workflow-step:hover>.step-symbol .native-icon {
    transform:scale(1.08);
  }
  .onekids-home .workflow:not([data-ok-layout="timeline"]) .workflow-step:hover::after {
    transform:translateY(-4px);
    background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--card-accent,#0866ed) 9%,#ffffff) 100%);
    border-color:color-mix(in srgb,var(--card-accent,#0866ed) 32%,#dbe9f8);
    box-shadow:0 16px 32px -8px rgba(16,59,118,0.08);
  }
  .onekids-home .workflow-step:hover>h3,
  .onekids-home .workflow-step>.step-symbol:hover~h3 {
    transform:translateY(-5px);
    color:var(--card-accent,#0866ed);
  }
  .onekids-home .workflow-step:hover>p,
  .onekids-home .workflow-step>.step-symbol:hover~p {
    transform:translateY(-4px);
    color:#243e5c;
  }
  .onekids-home .workflow-step:hover>.step-time,
  .onekids-home .workflow-step>.step-symbol:hover~.step-time {
    transform:translateY(-5px);
    background:linear-gradient(135deg,var(--card-accent,#0866ed),color-mix(in srgb,var(--card-accent,#0866ed) 78%,#00b4d8));
    color:#fff;
    border-color:transparent;
    box-shadow:0 8px 18px -2px color-mix(in srgb,var(--card-accent,#0866ed) 42%,transparent);
  }
  .onekids-home .workflow-step>.step-symbol:hover~:is(h3,.step-time) {
    transform:translateY(-5px) scale(1.025);
  }
  .onekids-home .workflow-step>.step-symbol:hover~p {
    transform:translateY(-4px) scale(1.025);
  }
  .onekids-home .role-portrait {transition:transform .35s cubic-bezier(.2,.7,.25,1),filter .35s}
  .onekids-home .native-role-card:hover .role-portrait {transform:translateZ(24px) scale(1.03);filter:drop-shadow(0 10px 14px #13395924)}
  .onekids-home .button {box-shadow:0 6px 18px #0866ed20;transition:transform .2s,box-shadow .2s,background .2s}
  .onekids-home .button:hover {transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px #0866ed38;background:linear-gradient(135deg,#1478ff,#0096c7)}
  .onekids-home .button-outline {box-shadow:0 5px 16px #0866ed0c}
  .onekids-home .button-outline:hover {background:linear-gradient(135deg,#fff,#eaf4ff);color:#075cde;border-color:#68a8f4}
  .onekids-home .button:active {transform:scale(.99);box-shadow:0 3px 8px #0866ed15}
  .onekids-home .feature-tabs>a:hover {transform:perspective(900px) translateY(-3px) rotateX(3deg);box-shadow:0 8px 18px #163e7715}
  .onekids-home .feature-tabs>a:hover>.native-icon {transform:translateY(-2px) rotate(-5deg) scale(1.04);box-shadow:0 4px 0 #dce8f9,0 9px 15px #163e7718}
  .onekids-home :is(.news-card,.video-card) {
    transform:perspective(1000px) translate3d(0,0,0) rotateX(var(--ok-tilt-x,0deg)) rotateY(var(--ok-tilt-y,0deg));
    transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;
  }
  .onekids-home .news .news-grid--complete .news-card:hover,
  .onekids-home .news .news-card:hover {
    position:relative;
    z-index:2;
    transform:perspective(1000px) translate3d(0,-9px,0) rotateX(var(--ok-tilt-x,2deg)) rotateY(var(--ok-tilt-y,-1.5deg));
    border-color:color-mix(in srgb,var(--card-accent,#0866ed) 58%,#bcd8fa);
    box-shadow:0 10px 20px -6px #123e7714,0 24px 44px -10px color-mix(in srgb,var(--card-accent,#0866ed) 32%,#163e7728),0 0 0 3px color-mix(in srgb,var(--card-accent,#0866ed) 14%,transparent);
  }
  .onekids-home .news .news-card:hover>img {
    transform:scale(1.07);
    filter:saturate(1.12) contrast(1.03);
  }
  .onekids-home .news .news-card:hover .news-icon {
    transform:translateY(-2px) scale(1.14) rotate(-8deg);
    background:var(--card-accent,#0866ed);
    color:#fff;
    border-color:#fff;
    box-shadow:0 8px 18px color-mix(in srgb,var(--card-accent,#0866ed) 42%,#0f2e5a30),0 0 0 3px #ffffffcc;
  }
  .onekids-home .news .news-card:hover h3 {
    color:var(--card-accent,var(--blue));
  }
  .onekids-home .news .news-card:hover .news-read-more {
    color:var(--card-accent,var(--blue));
    border-top-color:color-mix(in srgb,var(--card-accent,#0866ed) 28%,#dfeaf8);
  }
  .onekids-home .news .news-card:hover .news-read-more>span {
    transform:translateX(5px);
    background:var(--card-accent,#0866ed);
    color:#fff;
    box-shadow:0 4px 12px color-mix(in srgb,var(--card-accent,#0866ed) 36%,transparent);
  }
  .onekids-home .video-card:hover {transform:perspective(1000px) translate3d(0,-5px,0) rotateX(var(--ok-tilt-x,1.5deg)) rotateY(var(--ok-tilt-y,-1.2deg));box-shadow:0 18px 36px -8px #0c2f6138}
  .onekids-home .video-card .play-button {box-shadow:0 0 0 8px #ffffff38,0 8px 24px #071f4648;transition:transform .25s,box-shadow .25s}
  .onekids-home .video-card:hover .play-button {transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 12px #ffffff4d,0 12px 30px #071f4660}
  .onekids-home .floating-zalo:hover,.onekids-home .back-to-top:hover {transform:translateY(-3px) scale(1.06)}
}
@media(max-width:600px) {
  .onekids-home .ecosystem .security-inner {padding:18px 16px;border-radius:20px}
}
@media (prefers-reduced-motion:reduce) {
  html.ok-enhanced .onekids-home .ok-in-view,.onekids-home .overview .overview-image {animation:none!important}
  .onekids-home :is(.value-card,.app-card,.native-role-card,.ai-card,.reason-grid>article,.workflow-step,.role-portrait,.button,.feature-tabs>a,.native-icon,.card-native-icon,.ai-app-mark,.role-icon,.step-symbol,.ecosystem-app-icon,.play-button,.news-card,.faq-item,.floating-zalo,.back-to-top,.site-header,.icon-link) {transition:none!important}
  .onekids-home :is(.value-card,.ecosystem .app-card,.native-role-card,.ai-card,.reason-grid>article,.workflow-step,.role-portrait,.button,.feature-tabs>a,.news .news-card,.video-card,.floating-zalo,.back-to-top,.overview .problem-list li,.icon-link):hover {transform:none!important}
  .onekids-home :is(.value-card,.reason-grid>article):hover>.card-native-icon,
  .onekids-home .ai-card:hover .ai-app-mark,.onekids-home .native-role-card:hover .role-icon,
  .onekids-home .workflow-step:hover .step-symbol,.onekids-home .ecosystem .app-card:hover .ecosystem-app-icon,.onekids-home .feature-tabs>a:hover>.native-icon,.onekids-home .news .news-card:hover>img,.onekids-home .news .news-card:hover .news-icon,.onekids-home .news .news-card:hover .news-read-more>span {transform:none!important}
  .onekids-home .workflow-step>:is(.step-symbol,h3,p,.step-time),.onekids-home .workflow-step::after {transition:none!important;transform:none!important}
  @media (hover:hover) and (pointer:fine) {
    .onekids-home .workflow-step>.step-symbol:hover~:is(h3,p,.step-time) {transform:scale(1.025)!important}
  }
  .onekids-home .video-card:hover .play-button {transform:translate(-50%,-50%)}
}
@media (forced-colors:active), print {
  .onekids-home .hero h1 span {background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--blue);filter:none}
  .onekids-home .hero::before {display:none}
}