@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f6f8fb;color:#142033}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#0f172a;color:#dbeafe;padding:10px 0;font-size:14px}.nav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e6ebf2}.navin{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}.brand{font-weight:900;letter-spacing:-.5px;color:#0f172a;text-decoration:none;font-size:21px}.brand span{color:#2563eb}.menu{display:flex;gap:18px;flex-wrap:wrap}.menu a{color:#334155;text-decoration:none;font-weight:700;font-size:14px}.hero{padding:82px 0 56px;background:radial-gradient(circle at 85% 20%,#dbeafe 0,transparent 34%),linear-gradient(180deg,#fff,#f8fbff)}.hero h1{font-size:clamp(38px,6vw,68px);line-height:.98;letter-spacing:-2px;margin:0 0 20px;max-width:820px}.hero p{font-size:20px;line-height:1.6;color:#475569;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:0;border-radius:14px;padding:14px 18px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:#2563eb;color:#fff}.secondary{background:#eaf1ff;color:#1d4ed8}.section{padding:64px 0}.section h2{font-size:34px;letter-spacing:-1px;margin:0 0 12px}.lead{color:#64748b;max-width:780px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.card h3{margin:8px 0}.icon{font-size:28px}.lookup{background:#0f172a;color:#fff}.lookup .lead{color:#cbd5e1}.formrow{display:flex;gap:10px;max-width:650px;margin-top:20px}.input,select,textarea{width:100%;padding:14px 15px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:#fff}.result{margin-top:18px;padding:18px;border-radius:16px;background:#fff;color:#172033}.muted{color:#64748b}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:20px;margin-top:22px}.footer{background:#0b1220;color:#cbd5e1;padding:38px 0}.admin{max-width:980px;margin:35px auto;padding:0 20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tablewrap{overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px;border-bottom:1px solid #eef2f7;text-align:left;font-size:14px}.badge{display:inline-block;padding:6px 10px;border-radius:99px;background:#e0ecff;color:#1d4ed8;font-weight:800;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;margin-top:18px}@media(max-width:800px){.grid{grid-template-columns:1fr}.menu{display:none}.formrow{flex-direction:column}.two{grid-template-columns:1fr}.hero{padding-top:55px}}
/* Ultimate admin extensions */
.adminbg{background:#f4f7fb}.shell{max-width:1500px;margin:auto;padding:28px}.dashhead,.sectionhead,.actions,.filters,.rowactions,.message{display:flex;align-items:center;gap:12px}.dashhead,.sectionhead{justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:white;border:1px solid #e5eaf1;border-radius:18px;padding:18px}.stat b{display:block;font-size:30px}.stat span,small{display:block;color:#6b7280}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.formgrid label{font-weight:700}.formgrid .input{margin-top:6px}.wide{width:100%}.loginbox{max-width:460px;margin:9vh auto;background:white;padding:34px;border-radius:24px;box-shadow:0 20px 70px #19304b18}.loginbox .input{margin:7px 0}.error{color:#b42318}.status{background:#eef6ff;border:1px solid #cde3ff;padding:6px 9px;border-radius:999px;font-weight:800;font-size:12px}.rowactions{flex-wrap:wrap}.rowactions form{margin:0}.mini{border:1px solid #d9e1eb;background:#fff;color:#123;padding:7px 9px;border-radius:9px;text-decoration:none;font:inherit;cursor:pointer}.mini.viber{border-color:#7360f2;color:#5540d9;font-weight:800}.mini.danger{color:#b42318}.filters{margin:15px 0}.filters .input:first-child{flex:1}.message{justify-content:space-between;padding:16px;border-top:1px solid #eee}.message.done{opacity:.52}.timeline{border-left:3px solid #d8e8ff;margin:16px 0;padding-left:16px}.timeline div{margin:10px 0}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:#fff;padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:800px){.stats,.formgrid{grid-template-columns:1fr 1fr}.dashhead,.sectionhead{align-items:flex-start}.rowactions{min-width:180px}}@media(max-width:560px){.stats,.formgrid{grid-template-columns:1fr}.shell{padding:12px}.dashhead,.sectionhead,.actions,.filters{flex-direction:column;align-items:stretch}.tablewrap{overflow:auto}}

.quickstatus{display:inline-block}.quickstatus select{max-width:150px;border:1px solid #dbe4ee;border-radius:8px;padding:6px;background:#fff}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#siteToast.toast{
  display:flex;
  align-items:center;
  gap:14px;
  max-width:min(620px,calc(100vw - 30px));
  transition:opacity .28s ease,transform .28s ease;
}
#siteToast .toast-close{
  flex:0 0 auto;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
#siteToast .toast-close:hover{background:rgba(255,255,255,.25)}
#siteToast.toast-hide{
  opacity:0;
  transform:translate(-50%,-12px);
  pointer-events:none;
}
@media(max-width:600px){
  #siteToast.toast{
    top:10px;
    font-size:13px;
    padding:10px 12px;
  }
}

/* Ecosystem cards: action button always below title/description */
.ecosystem-promo>a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;height:auto!important}
.ecosystem-promo>a b,.ecosystem-promo>a span{display:block!important;width:100%!important}
.ecosystem-promo>a strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:8px!important;align-self:flex-start!important;white-space:normal!important;line-height:1.2!important}

/* Ecosystem 2026: a single balanced row; never wrap cards to a second line */
.ecosystem-promo,.servizen-ecosystem{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
.ecosystem-promo>a,.servizen-ecosystem>a{min-width:0!important;width:auto!important;min-height:112px!important;box-sizing:border-box!important}
.ecosystem-promo>a b,.servizen-ecosystem>a b{font-size:clamp(10px,.85vw,14px)!important;overflow-wrap:anywhere}
.ecosystem-promo>a strong,.servizen-ecosystem>a strong{font-size:10px!important}
.bc-network-inner{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:thin!important;justify-content:safe center!important}
.bc-network-inner>.bc-network-link{flex:0 0 auto!important}
@media(max-width:1050px){.ecosystem-promo,.servizen-ecosystem{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}.ecosystem-promo>a,.servizen-ecosystem>a{flex:0 0 210px!important;min-width:210px!important;scroll-snap-align:start!important}}

/* BC_READABILITY_20261011: accessible labels and descriptive copy; layout preserved */
:where(main, section, article, .hero, .kids33-hero, .kids-section, .card, .panel) small {font-size:max(13px, .85rem);line-height:1.45;letter-spacing:normal;}
:where(main, section, article, .hero, .kids33-hero, .kids-section) :is(.eyebrow,.kicker,.caption,.hint,.subtitle,.meta,.note) {font-size:max(13px, .85rem);line-height:1.5;}
:where(main, section, article) :is(.stat,.stats,.facts,.fun-stats) :is(small,span) {line-height:1.45;}
@media(max-width:600px){:where(main,section,article,.hero) small{font-size:13px;line-height:1.45}}

/* Shared platform rule: links never display an underline. */
a:any-link,a:hover,a:focus,a:active,a:visited{text-decoration:none!important;text-decoration-line:none!important}


/* Unified Comfortaa typography — 2026-10-26 */

:root{--site-font:'Comfortaa',sans-serif}
html,body,body :is(h1,h2,h3,h4,h5,h6,p,a,span,div,li,td,th,label,button,input,select,textarea,summary,small,strong,b,em),input::placeholder,textarea::placeholder{font-family:var(--site-font)!important}
body{font-size:16px;line-height:1.6}
:is(main,article,section) :is(small,.small,.hint,.muted,.subtext,.description,.service-public-description){font-size:max(14px,.875rem);line-height:1.6}
:is(button,input,select,textarea){font-size:max(15px,.9375rem)}
:is(nav,header) a,:is(nav,header) button{font-weight:600}
@media(max-width:600px){body{font-size:15px}:is(main,article,section) :is(small,.small,.hint,.muted,.subtext,.description){font-size:14px}}