/*
 * DAICYNTECH Google-inspired Clean UI
 * Version: 2026-07-24
 * Loaded after legacy styles as a non-destructive presentation layer.
 * Uses open Google fonts and Material Symbols; no proprietary Google Sans.
 */

:root{
  --g-blue-50:#e8f0fe;
  --g-blue-100:#d2e3fc;
  --g-blue-600:#1a73e8;
  --g-blue-700:#0b57d0;
  --g-blue-800:#0842a0;
  --g-green:#188038;
  --g-red:#d93025;
  --g-yellow:#f9ab00;
  --g-ink:#202124;
  --g-ink-2:#3c4043;
  --g-muted:#5f6368;
  --g-muted-2:#80868b;
  --g-outline:#dadce0;
  --g-outline-soft:#e8eaed;
  --g-surface:#ffffff;
  --g-surface-2:#f8fafd;
  --g-surface-3:#f1f3f4;
  --g-surface-blue:#f0f6ff;
  --g-shadow-1:0 1px 2px rgba(60,64,67,.16),0 1px 3px 1px rgba(60,64,67,.08);
  --g-shadow-2:0 2px 6px 2px rgba(60,64,67,.12);
  --g-radius-xs:8px;
  --g-radius-sm:12px;
  --g-radius-md:16px;
  --g-radius-lg:24px;
  --g-pill:999px;
  --g-container:1200px;
  --container:var(--g-container);
  --bg:var(--g-surface);
  --bg-soft:var(--g-surface-2);
  --surface:var(--g-surface);
  --surface-2:var(--g-surface-2);
  --line:var(--g-outline);
  --ink:var(--g-ink);
  --ink-soft:var(--g-ink-2);
  --muted:var(--g-muted);
  --blue:var(--g-blue-700);
  --blue-900:var(--g-ink);
  --google-blue:var(--g-blue-600);
  --shadow-sm:none;
  --shadow:var(--g-shadow-1);
  --shadow-lg:var(--g-shadow-2);
  --radius-xl:var(--g-radius-lg);
  --radius-lg:var(--g-radius-md);
  --radius-md:var(--g-radius-sm);
  --radius-card:var(--g-radius-md);
  --radius-button:var(--g-pill);
  --ui-header-height:72px;
}

*{scrollbar-color:#bdc1c6 transparent}
html{min-width:320px;background:var(--g-surface);scrollbar-gutter:stable}
body,
button,
input,
textarea,
select{
  font-family:Roboto,"Noto Sans Thai",Arial,sans-serif!important;
}
body{
  min-width:320px;
  overflow-x:hidden;
  background:var(--g-surface)!important;
  color:var(--g-ink);
  font-weight:400;
  letter-spacing:0;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--g-blue-100);color:var(--g-ink)}
main{min-width:0}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
img,video,iframe,canvas,svg{max-width:100%}
.material-symbols-rounded{
  font-family:"Material Symbols Rounded"!important;
  font-weight:400;
  font-style:normal;
  font-size:24px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:"liga";
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"liga";
  font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;
}
.container{width:min(var(--g-container),calc(100% - clamp(32px,5vw,64px)))}
.narrow{max-width:900px}
.section{padding:clamp(56px,7vw,88px) 0}
.soft-section{
  background:var(--g-surface-2)!important;
  border-block:1px solid var(--g-outline-soft)!important;
}
.eyebrow{
  color:var(--g-blue-700)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.muted{color:var(--g-muted)!important}
.lead,.section-lead{color:var(--g-muted)!important;line-height:1.78}
.section-heading{max-width:780px;margin-bottom:28px}
.section-heading h2,.split-section h2,.cta-card h2,.cta-panel h2{
  color:var(--g-ink)!important;
  font-size:clamp(1.85rem,3.25vw,2.75rem)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
}
.section-heading p{color:var(--g-muted)!important}

/* Accessible focus and motion */
:focus-visible{
  outline:2px solid var(--g-blue-600)!important;
  outline-offset:3px!important;
}
.skip-link{
  border-radius:var(--g-pill)!important;
  background:var(--g-blue-700)!important;
  box-shadow:var(--g-shadow-1)!important;
}
.reveal{transform:translateY(10px);transition:opacity .38s ease,transform .38s ease}

/* Header / navigation */
.site-header{
  min-height:var(--ui-header-height)!important;
  padding-block:10px!important;
  gap:16px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--g-outline-soft)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(140%) blur(10px)!important;
  -webkit-backdrop-filter:saturate(140%) blur(10px)!important;
}
.site-header.scrolled{
  background:#fff!important;
  border-bottom-color:var(--g-outline)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.10)!important;
}
.brand{gap:10px!important;min-width:0}
.brand-symbol{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
}
.brand-symbol--image{
  padding:2px!important;
  border:1px solid var(--g-outline)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.brand-text strong{
  color:var(--g-ink)!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.brand-text small{color:var(--g-muted)!important;font-size:11px!important}
.main-nav{gap:2px!important}
.main-nav>a,.nav-dropdown>a{
  min-height:40px;
  padding:9px 12px!important;
  border:0!important;
  border-radius:var(--g-pill)!important;
  color:var(--g-muted)!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:500!important;
}
.main-nav>a:hover,.nav-dropdown>a:hover{
  color:var(--g-ink)!important;
  background:var(--g-surface-3)!important;
}
.main-nav>a.active,.nav-dropdown>a.active{
  color:var(--g-blue-700)!important;
  background:var(--g-blue-50)!important;
  font-weight:600!important;
}
.main-nav>a.active::after,.nav-dropdown.active>a::after{display:none!important}
.nav-dropdown-toggle{color:var(--g-muted)!important;border-radius:50%!important}
.nav-dropdown-toggle:hover{background:var(--g-surface-3)!important}
.nav-submenu{
  top:calc(100% + 8px)!important;
  min-width:220px!important;
  padding:8px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-sm)!important;
  background:#fff!important;
  box-shadow:var(--g-shadow-2)!important;
  backdrop-filter:none!important;
}
.nav-submenu::before{display:none!important}
.nav-submenu a{
  padding:10px 12px!important;
  border-radius:var(--g-radius-xs)!important;
  color:var(--g-ink-2)!important;
  font-weight:500!important;
}
.nav-submenu a:hover,.nav-submenu a.active{background:var(--g-blue-50)!important;color:var(--g-blue-700)!important}
.header-actions{gap:8px!important}
.language-switch{
  padding:2px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-pill)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.language-switch a{min-width:34px;border-radius:var(--g-pill)!important;color:var(--g-muted)!important}
.language-switch a.active{background:var(--g-blue-50)!important;color:var(--g-blue-700)!important}
.nav-toggle{
  width:42px!important;
  height:42px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
}
.nav-toggle:hover{background:var(--g-surface-3)!important}

/* Buttons */
.btn,.header-cta{
  min-height:40px!important;
  width:auto;
  padding:9px 18px!important;
  border-radius:var(--g-pill)!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
  box-shadow:none!important;
  transform:none!important;
}
.header-cta,.btn.primary{
  border:1px solid var(--g-blue-700)!important;
  background:var(--g-blue-700)!important;
  color:#fff!important;
}
.header-cta:hover,.btn.primary:hover{
  border-color:var(--g-blue-800)!important;
  background:var(--g-blue-800)!important;
  box-shadow:0 1px 2px rgba(60,64,67,.22)!important;
}
.header-cta::before,.btn.primary::before{display:none!important}
.btn.soft,.btn.secondary{
  border:1px solid var(--g-outline)!important;
  background:#fff!important;
  color:var(--g-blue-700)!important;
}
.btn.soft:hover,.btn.secondary:hover{
  border-color:#a8c7fa!important;
  background:var(--g-blue-50)!important;
  color:var(--g-blue-800)!important;
  box-shadow:none!important;
  transform:none!important;
}
.btn.ghost{
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--g-blue-700)!important;
}
.btn.ghost:hover{background:var(--g-blue-50)!important;color:var(--g-blue-800)!important}
.btn.tiny{min-height:34px!important;padding:6px 12px!important;font-size:12px!important}
.btn.danger,.danger.btn{border-color:var(--g-red)!important;background:var(--g-red)!important;color:#fff!important}

/* Landing hero */
.hero.landing-hero{
  min-height:auto!important;
  padding:clamp(64px,8vw,104px) 0!important;
  background:var(--g-surface-2)!important;
  border-bottom:1px solid var(--g-outline-soft)!important;
}
.hero-orb{display:none!important}
.hero-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr)!important;
  gap:clamp(40px,6vw,76px)!important;
}
.hero-copy .eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-copy .eyebrow::before{display:none!important}
.hero-copy h1{
  max-width:780px!important;
  margin:16px 0 20px!important;
  color:var(--g-ink)!important;
  font-size:clamp(2.35rem,4.55vw,4rem)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
.hero-copy .lead{
  max-width:720px!important;
  font-size:clamp(1rem,1.45vw,1.15rem)!important;
  line-height:1.82!important;
}
.hero-actions{gap:10px!important;margin:28px 0 22px!important}
.trust-row{gap:8px!important}
.trust-row span{
  padding:7px 11px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-pill)!important;
  background:#fff!important;
  color:var(--g-muted)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:500!important;
}
.trust-row span::before{color:var(--g-green)!important;box-shadow:none!important}
.hero-console{
  min-height:auto!important;
  padding:16px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-lg)!important;
  background:#fff!important;
  box-shadow:var(--g-shadow-1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
.hero-console:hover{transform:none!important;box-shadow:var(--g-shadow-2)!important}
.brand-showcase{
  min-height:170px!important;
  margin:0 0 12px!important;
  padding:24px!important;
  border:0!important;
  border-radius:var(--g-radius-md)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.brand-showcase img{max-height:130px!important}
.console-card.glass-card{
  padding:20px!important;
  border:1px solid var(--g-outline-soft)!important;
  border-radius:var(--g-radius-md)!important;
  background:var(--g-surface-2)!important;
  color:var(--g-ink)!important;
  box-shadow:none!important;
}
.console-topline{display:none!important}
.console-label{margin:0 0 14px!important;color:var(--g-muted)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important}
.stack-list{gap:8px!important}
.stack-list div{
  padding:12px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-sm)!important;
  background:#fff!important;
}
.stack-list strong{color:var(--g-ink)!important;font-size:14px!important}
.stack-list span{color:var(--g-muted)!important;font-size:10px!important}

/* Internal page heroes */
.simple-hero,.page-hero,.theme-hero{
  padding:clamp(58px,7vw,86px) 0 clamp(42px,5vw,60px)!important;
  background:var(--g-surface-2)!important;
  border-bottom:1px solid var(--g-outline-soft)!important;
}
.simple-hero h1,.page-hero h1,.hero-title,.cms-public-hero h1,.theme-hero-copy h1{
  color:var(--g-ink)!important;
  font-size:clamp(2rem,3.55vw,3.25rem)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
}
.simple-hero .lead,.page-hero .lead,.hero-lead{color:var(--g-muted)!important}
.hero-template .eyebrow,.simple-hero .eyebrow,.section-heading .eyebrow{color:var(--g-blue-700)!important}
.theme-hero-media{
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-lg)!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Cards and structured content */
.glass-card,
.course-card,.service-feature,.value-card,.contact-card,.contact-form,.catalog-card,
.case-card,.solution-card,.theme-card,.about-reference-card,.advisor-card,
.news-feature-card,.news-mini-card,.news-card,.news-detail,.cms-rich-content,
.process-list div,.timeline-item,.check-grid div,.metric-strip,.partner-strip,
.about-info-list div,.copilot-course-card{
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-md)!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.course-card,.service-feature,.value-card,.catalog-card,.case-card,.solution-card,.theme-card,.copilot-course-card{
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.course-card:hover,.service-feature:hover,.catalog-card:hover,.case-card:hover,.solution-card:hover,.theme-card:hover,.copilot-course-card:hover,
.news-feature-card:hover,.news-mini-card:hover,.news-card:hover{
  transform:none!important;
  border-color:#a8c7fa!important;
  box-shadow:var(--g-shadow-1)!important;
}
.service-feature-grid,.course-grid,.value-grid,.case-grid,.solution-grid,.theme-card-grid{gap:16px!important}
.service-feature{min-height:220px!important;padding:24px!important}
.service-feature>span:first-child,.course-icon,.solution-mark,.theme-card-icon,.catalog-head>span,.timeline-item>span,.process-list b{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--g-blue-50)!important;
  color:var(--g-blue-700)!important;
  box-shadow:none!important;
  font-size:24px!important;
  font-weight:500!important;
}
.service-feature h3,.course-card h3,.catalog-card h2,.case-card h2,.solution-card h3,.theme-card h3{
  margin-top:18px!important;
  color:var(--g-ink)!important;
  letter-spacing:-.02em!important;
}
.service-feature p,.course-card p,.catalog-card p,.case-card p,.solution-card p,.theme-card p,.value-card p{color:var(--g-muted)!important}
.course-card li{color:var(--g-muted)!important}
.course-card li::before{background:var(--g-green)!important}
.tag-row span,.case-card>span,.advisor-highlights span,.pill{
  border:1px solid transparent!important;
  border-radius:var(--g-pill)!important;
  background:var(--g-blue-50)!important;
  color:var(--g-blue-700)!important;
  box-shadow:none!important;
}
.check-grid div{padding:15px 16px 15px 44px!important;font-weight:500!important;color:var(--g-ink-2)!important}
.check-grid div::before{color:var(--g-green)!important}
.process-list div,.timeline-item{padding:20px!important}
.metric-strip{padding:12px!important}
.metric-strip div{border-radius:var(--g-radius-sm)!important;background:var(--g-surface-2)!important}
.metric-strip strong{color:var(--g-blue-700)!important}
.partner-strip{padding:20px!important}
.about-profile-panel{
  border:1px solid #a8c7fa!important;
  border-radius:var(--g-radius-md)!important;
  background:var(--g-blue-50)!important;
  color:var(--g-ink)!important;
  box-shadow:none!important;
}
.about-profile-panel strong{color:var(--g-ink)!important}
.about-profile-panel span{color:var(--g-blue-700)!important;opacity:1!important}
.advisor-card{overflow:hidden!important}
.advisor-card::before,.advisor-card::after,.solution-card::after{display:none!important}
.advisor-photo-link{border:1px solid var(--g-outline)!important;border-radius:var(--g-radius-md)!important;box-shadow:none!important}
.advisor-photo{border-radius:var(--g-radius-sm)!important}
.advisor-content h2{color:var(--g-ink)!important}

/* News */
.news-feature-layout{gap:18px!important}
.news-feature-card,.news-mini-card,.news-card{overflow:hidden!important}
.news-card-image img,.news-mini-image img{transition:none!important}
.news-feature-card:hover img,.news-mini-card:hover img,.news-card:hover img{transform:none!important}
.news-mini-card{padding:10px!important}
.news-mini-image{border-radius:var(--g-radius-sm)!important}
.news-meta-overlay{background:linear-gradient(180deg,transparent,rgba(32,33,36,.82))!important}
.news-card-body{padding:20px!important}
.news-card-body h3,.news-mini-card h3{color:var(--g-ink)!important;letter-spacing:-.02em!important}
.news-card-body p{color:var(--g-muted)!important}
.news-detail,.cms-rich-content{border-radius:var(--g-radius-md)!important}
.news-content,.cms-rich-content{line-height:1.86!important}
.news-content img,.cms-rich-content img{border-radius:var(--g-radius-sm)!important;box-shadow:none!important}

/* CTA and footer */
.cta-panel,.cta-card,.theme-cta-box{
  padding:clamp(26px,4vw,40px)!important;
  border:1px solid #c2e7ff!important;
  border-radius:var(--g-radius-lg)!important;
  background:var(--g-surface-blue)!important;
  color:var(--g-ink)!important;
  box-shadow:none!important;
}
.cta-panel::before,.cta-card::before,.cta-card::after,.theme-cta-box::before,.theme-cta-box::after{display:none!important}
.cta-panel h2,.cta-card h2,.theme-cta-box h2{color:var(--g-ink)!important}
.cta-panel p,.cta-card p,.theme-cta-box p{color:var(--g-muted)!important;opacity:1!important}
.cta-panel .btn.primary,.cta-card .btn.primary,.theme-cta-box .btn{
  border-color:var(--g-blue-700)!important;
  background:var(--g-blue-700)!important;
  color:#fff!important;
}
.site-footer{
  gap:clamp(32px,5vw,64px)!important;
  padding-top:clamp(52px,6vw,76px)!important;
  padding-bottom:clamp(28px,4vw,44px)!important;
  border-top:1px solid var(--g-outline)!important;
  background:var(--g-surface-2)!important;
  color:var(--g-ink-2)!important;
}
.site-footer::before{display:none!important}
.footer-brand .brand-symbol--image{background:#fff!important}
.footer-brand .brand-text strong{color:var(--g-ink)!important}
.footer-brand .brand-text small{color:var(--g-muted)!important}
.footer-main>p,.footer-disclaimer{color:var(--g-muted)!important}
.footer-disclaimer{border-top:1px solid var(--g-outline)!important;background:transparent!important}
.footer-columns h3{color:var(--g-ink)!important}
.footer-columns a{color:var(--g-muted)!important}
.footer-columns a:hover{color:var(--g-blue-700)!important;transform:none!important}

/* Forms */
.admin-form label,.contact-form label,.form-field{color:var(--g-ink-2)!important;font-weight:500!important}
.admin-form input,.admin-form textarea,.admin-form select,
.contact-form input,.contact-form textarea,.contact-form select,
.cms-filter-bar input,.cms-filter-bar select{
  min-height:48px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-xs)!important;
  background:#fff!important;
  color:var(--g-ink)!important;
  box-shadow:none!important;
}
.admin-form input:hover,.admin-form textarea:hover,.admin-form select:hover,
.contact-form input:hover,.contact-form textarea:hover,.contact-form select:hover{border-color:var(--g-muted-2)!important}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  outline:0!important;
  border:2px solid var(--g-blue-600)!important;
  box-shadow:none!important;
  padding-inline:12px!important;
}
.contact-card,.contact-form{border-radius:var(--g-radius-md)!important}
.alert{
  border-radius:var(--g-radius-sm)!important;
  box-shadow:none!important;
  font-weight:400!important;
}
.alert.success{background:#e6f4ea!important;border-color:#ceead6!important;color:#137333!important}
.alert.error{background:#fce8e6!important;border-color:#fad2cf!important;color:#b3261e!important}
.alert.warning{background:#fef7e0!important;border-color:#fde293!important;color:#8a4b00!important}
.alert.info{background:var(--g-blue-50)!important;border-color:#c6dafc!important;color:#174ea6!important}

/* CMS admin shell */
.admin-body.cms-admin-body{
  background:var(--g-surface-2)!important;
}
.cms-admin-layout{grid-template-columns:256px minmax(0,1fr)!important}
.cms-sidebar{
  width:256px!important;
  padding:16px 12px!important;
  border-right:1px solid var(--g-outline)!important;
  background:#fff!important;
  color:var(--g-ink)!important;
  box-shadow:none!important;
}
.cms-sidebar-close{color:var(--g-muted)!important;background:transparent!important}
.cms-brand{
  margin-bottom:14px!important;
  padding:6px 8px 16px!important;
  border-bottom:1px solid var(--g-outline-soft)!important;
  color:var(--g-ink)!important;
}
.cms-brand-mark{
  width:42px!important;
  height:42px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cms-brand strong{color:var(--g-ink)!important;font-size:15px!important}
.cms-brand small{color:var(--g-muted)!important}
.cms-nav{gap:3px!important}
.cms-nav a{
  min-height:44px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:var(--g-pill)!important;
  color:var(--g-muted)!important;
  font-weight:500!important;
  transform:none!important;
}
.cms-nav a:hover{color:var(--g-ink)!important;background:var(--g-surface-3)!important;transform:none!important}
.cms-nav a.active{
  color:var(--g-blue-700)!important;
  background:var(--g-blue-50)!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:600!important;
}
.cms-nav-icon{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:transparent!important;
  color:inherit!important;
  font-size:21px!important;
}
.cms-nav a.active .cms-nav-icon{background:transparent!important;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
.cms-sidebar-footer{border-top:1px solid var(--g-outline-soft)!important}
.cms-sidebar-footer a,.cms-logout-button{color:var(--g-muted)!important;border-radius:var(--g-pill)!important}
.cms-sidebar-footer a:hover,.cms-logout-button:hover{background:var(--g-surface-3)!important;color:var(--g-ink)!important}
.cms-main{min-width:0!important;background:var(--g-surface-2)!important}
.cms-topbar{
  min-height:76px!important;
  margin:0!important;
  padding:12px clamp(18px,3vw,36px)!important;
  border-bottom:1px solid var(--g-outline)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.cms-topbar .eyebrow{color:var(--g-muted)!important;font-size:10px!important}
.cms-topbar h1{
  margin:2px 0 0!important;
  color:var(--g-ink)!important;
  font-size:clamp(1.3rem,2.3vw,1.8rem)!important;
  letter-spacing:-.02em!important;
}
.cms-sidebar-toggle{
  border:1px solid var(--g-outline)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cms-user-chip{
  min-height:46px!important;
  padding:5px 10px 5px 5px!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-pill)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cms-user-chip>span{background:var(--g-blue-700)!important;box-shadow:none!important}
.cms-content{max-width:1540px!important;padding:clamp(20px,3vw,34px)!important;margin-inline:auto!important}
.admin-panel,.cms-stat-card,.admin-stat-card,.stat-card,.theme-status-card,.cms-media-card,.admin-list-panel,.waf-panel{
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-md)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.admin-panel{padding:clamp(18px,2.1vw,24px)!important}
.panel-head{padding-bottom:14px!important;border-bottom:1px solid var(--g-outline-soft)!important}
.panel-head h2,.admin-panel h2{color:var(--g-ink)!important;letter-spacing:-.02em!important}
.admin-stat-grid,.dashboard-stat-grid{gap:12px!important}
.admin-stat-card,.stat-card,.cms-stat-card{
  min-height:112px!important;
  padding:18px!important;
}
.admin-stat-card::after,.stat-card::after,.cms-stat-card::after{display:none!important}
.admin-stat-card span,.stat-card span,.cms-stat-card span{color:var(--g-muted)!important;font-weight:500!important}
.admin-stat-card strong,.stat-card strong,.cms-stat-card strong{color:var(--g-blue-700)!important}
.admin-stat-card small,.stat-card small,.cms-stat-card small{color:var(--g-muted)!important}
.admin-health-list div,.cms-health-list div{border-bottom-color:var(--g-outline-soft)!important}
.status-badge,.risk-pill,.badge{box-shadow:none!important}

/* Tables */
.cms-table-wrap,.dashboard-news-table,.admin-table-wrap,.table-wrap,.waf-event-table-wrap{
  max-width:100%;
  overflow-x:auto;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-sm)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cms-table,.dashboard-news-table table,.admin-table,.admin-panel table{width:100%;border-collapse:separate;border-spacing:0}
.cms-table th,.dashboard-news-table th,.admin-table th,.admin-panel table th,
.waf-event-table thead th{
  padding:12px 14px!important;
  background:var(--g-surface-2)!important;
  color:var(--g-muted)!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
}
.cms-table td,.dashboard-news-table td,.admin-table td,.admin-panel table td{
  padding:13px 14px!important;
  border-top:1px solid var(--g-outline-soft)!important;
  color:var(--g-ink-2)!important;
}
.cms-table tbody tr:hover,.dashboard-news-table tbody tr:hover,.admin-table tbody tr:hover,.admin-panel table tbody tr:hover,.waf-event-table tbody tr:hover{background:var(--g-surface-2)!important}

/* CMS login */
.cms-login-body{
  min-height:100svh;
  background:var(--g-surface-2)!important;
}
.cms-login-shell{min-height:100svh;padding:24px!important}
.cms-login-card{
  width:min(100%,448px)!important;
  padding:clamp(26px,4vw,38px)!important;
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-lg)!important;
  background:#fff!important;
  box-shadow:var(--g-shadow-1)!important;
  backdrop-filter:none!important;
}
.cms-login-brand{padding-bottom:18px!important;border-bottom:1px solid var(--g-outline-soft)!important}
.cms-login-brand .cms-brand-mark{width:50px!important;height:50px!important}
.cms-login-card h1{margin:22px 0 7px!important;color:var(--g-ink)!important;font-size:clamp(1.55rem,4vw,1.95rem)!important;letter-spacing:-.025em!important}
.cms-login-card>.muted{color:var(--g-muted)!important}
.cms-login-form{gap:15px!important;margin-top:22px!important}
.cms-login-form .btn{width:100%!important;margin-top:4px!important}
.cms-login-links a{color:var(--g-blue-700)!important;font-weight:500!important}

/* WAF dashboard */
.waf-dashboard-body{background:var(--g-surface-2)!important;color:var(--g-ink)!important}
.waf-admin-shell{max-width:1540px!important}
.waf-command-hero{
  border:1px solid var(--g-outline)!important;
  border-radius:var(--g-radius-lg)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.waf-shield-mark{border-radius:var(--g-radius-sm)!important;background:var(--g-blue-50)!important;color:var(--g-blue-700)!important;box-shadow:none!important}
.waf-command-hero h1{color:var(--g-ink)!important}
.waf-hero-lead{color:var(--g-muted)!important}
.waf-live-chip{border:1px solid var(--g-outline)!important;background:#fff!important;box-shadow:none!important}
.waf-stat-card strong{color:var(--g-blue-700)!important}
.waf-rank-track,.waf-progress{background:var(--g-surface-3)!important}
.waf-rank-track i,.waf-progress i,.waf-time-bar i{background:var(--g-blue-600)!important}
.waf-event-details pre{background:#202124!important;color:#e8eaed!important}
.waf-toast{border-radius:var(--g-radius-sm)!important;background:#303134!important;box-shadow:var(--g-shadow-2)!important}

/* Theme builder */
.theme-status-card,.theme-admin-section{border:1px solid var(--g-outline)!important;border-radius:var(--g-radius-sm)!important;background:#fff!important;box-shadow:none!important}
.theme-builder-disabled,.theme-builder-enabled{border-radius:var(--g-radius-sm)!important}

/* Responsive */
@media (max-width:1180px){
  .main-nav>a,.nav-dropdown>a{padding-inline:9px!important;font-size:12px!important}
  .hero-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)!important;gap:36px!important}
}
@media (max-width:1080px){
  :root{--ui-header-height:68px}
  .site-header{min-height:68px!important;padding-inline:clamp(14px,3vw,28px)!important}
  .main-nav{
    left:clamp(14px,3vw,28px)!important;
    right:clamp(14px,3vw,28px)!important;
    top:calc(100% + 8px)!important;
    padding:8px!important;
    border:1px solid var(--g-outline)!important;
    border-radius:var(--g-radius-md)!important;
    background:#fff!important;
    box-shadow:var(--g-shadow-2)!important;
    backdrop-filter:none!important;
  }
  .main-nav>a,.nav-dropdown>a{font-size:14px!important;padding:12px 14px!important}
  .nav-dropdown{grid-template-columns:1fr 44px!important}
  .nav-submenu{margin:4px 4px 4px 18px!important;border:0!important;border-left:2px solid var(--g-outline)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .hero-layout{grid-template-columns:1fr!important;gap:38px!important}
  .hero-copy{text-align:left!important}
  .hero-copy .lead,.hero-copy .eyebrow{margin-inline:0!important}
  .hero-actions,.trust-row{justify-content:flex-start!important}
  .hero-console{width:min(100%,700px)!important;margin-inline:0!important}
  .stack-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cms-admin-layout{grid-template-columns:1fr!important}
  .cms-sidebar{width:min(292px,88vw)!important;box-shadow:var(--g-shadow-2)!important}
}
@media (max-width:800px){
  .section{padding:clamp(48px,9vw,68px) 0}
  .service-feature-grid,.course-grid,.value-grid,.case-grid,.about-service-grid,.theme-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cms-topbar{min-height:70px!important;padding-inline:14px!important}
}
@media (max-width:720px){
  .container{width:min(100% - 28px,var(--g-container))!important}
  .brand-symbol{width:42px!important;height:42px!important}
  .hero.landing-hero{padding:48px 0 58px!important}
  .hero-copy h1{font-size:clamp(2rem,9.2vw,2.85rem)!important;letter-spacing:-.035em!important}
  .hero-copy .lead{font-size:.98rem!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important}
  .hero-actions .btn{width:100%!important}
  .trust-row{display:grid!important;grid-template-columns:1fr!important;max-width:360px!important;margin-inline:0!important}
  .trust-row span{justify-content:flex-start!important}
  .hero-console{padding:10px!important;border-radius:var(--g-radius-md)!important}
  .brand-showcase{min-height:120px!important;padding:16px!important}
  .brand-showcase img{max-height:95px!important}
  .console-card.glass-card{padding:16px!important}
  .stack-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .simple-hero,.page-hero{padding:48px 0 38px!important}
  .service-feature-grid,.course-grid,.value-grid,.case-grid,.about-service-grid,.theme-card-grid{grid-template-columns:1fr!important}
  .service-feature{min-height:auto!important;padding:20px!important}
  .news-mini-card{grid-template-columns:116px minmax(0,1fr)!important}
  .news-mini-image{height:104px!important}
  .cta-panel,.cta-card,.theme-cta-box{padding:24px!important;border-radius:var(--g-radius-md)!important}
  .site-footer{padding-inline:14px!important}
  .admin-stat-grid,.dashboard-stat-grid{grid-template-columns:1fr!important}
  .admin-panel{padding:16px!important}
  .cms-login-shell{padding:14px!important}
  .cms-login-card{padding:24px 20px!important;border-radius:var(--g-radius-md)!important}
}
@media (max-width:480px){
  .brand-text small{display:none!important}
  .header-actions{display:none!important}
  .footer-columns{grid-template-columns:1fr!important}
  .footer-columns>div:last-child{grid-column:auto!important}
  .news-mini-card{grid-template-columns:1fr!important}
  .news-mini-image{height:188px!important}
  .form-row{grid-template-columns:1fr!important}
  .cms-topbar .eyebrow{display:none!important}
  .cms-topbar h1{font-size:1.15rem!important}
  .cms-content{padding:14px!important}
  .admin-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important}
  .admin-actions .btn{width:100%!important}
}
@media (hover:none){
  .course-card,.service-feature,.catalog-card,.case-card,.solution-card,.theme-card,.news-feature-card,.news-mini-card,.news-card{box-shadow:none!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
  body,.admin-body.cms-admin-body,.waf-dashboard-body{background:#fff!important}
  .admin-panel,.glass-card,.waf-panel{box-shadow:none!important;border-color:#bbb!important}
}