.kanto-ecare-main { background: var(--k-surface); }

.kanto-ecare { display: grid; padding: 1.5rem 1.25rem 0.5rem; place-items: start center; }
.kanto-ecare__card { width: 100%; background: var(--k-surface); }
.kanto-ecare__icon { display: grid; width: 3.25rem; height: 3.25rem; margin: 0 auto var(--k-space-3); border-radius: 0.875rem; color: var(--k-ink); background: var(--k-ecare-icon-bg); place-items: center; }
.kanto-ecare__icon-tick { color: var(--k-brand-pink); }
.kanto-ecare__heading { margin-bottom: 1.625rem; text-align: center; }
.kanto-ecare__heading h1 { margin: 0 0 0.375rem; color: var(--k-ink); font-size: 1.4375rem; font-weight: 800; line-height: 1.2; }
.kanto-ecare__heading p { max-width: 25rem; margin: 0 auto; color: var(--k-muted); font-size: 0.8125rem; line-height: 1.5; }
.kanto-ecare__form { display: grid; gap: 1.125rem; }
.kanto-ecare__field { display: grid; gap: 0.375rem; }
.kanto-ecare__field label { color: var(--k-ink); font-size: 0.78125rem; font-weight: 700; }
.kanto-ecare__field input { width: 100%; min-height: 3rem; padding: 0.6875rem 0.8125rem; border: 0.09375rem solid var(--k-card-border); border-radius: 0.75rem; color: var(--k-ink); background: var(--k-surface-2); font: inherit; font-size: 1rem; line-height: 1.4; }
.kanto-ecare__field input::placeholder { color: var(--k-muted-2); opacity: 1; }
.kanto-ecare__field input:focus-visible { border-color: var(--k-brand-pink); outline-color: var(--k-brand-pink); }
.kanto-ecare__hint { margin: 0; color: var(--k-muted-2); font-size: 0.71875rem; line-height: 1.4; }
.kanto-ecare__captcha { display: flex; align-items: center; justify-content: space-between; gap: var(--k-space-2); padding: 0.625rem 0.75rem; border: 1px solid var(--k-ecare-captcha-border); border-radius: 0.5rem; background: var(--k-surface-2); }
.kanto-ecare__captcha-toggle { display: inline-flex; min-height: 3rem; align-items: center; gap: 0.625rem; padding: 0; border: 0; color: var(--k-ink); background: transparent; font: inherit; font-size: 0.8125rem; text-align: start; cursor: pointer; }
.kanto-ecare__captcha-box { display: grid; width: 1.625rem; height: 1.625rem; flex: 0 0 auto; border: 0.125rem solid var(--k-trash-muted); border-radius: 0.1875rem; color: var(--k-surface); background: var(--k-surface); place-items: center; }
.kanto-ecare__captcha-toggle.is-checked .kanto-ecare__captcha-box { border-color: var(--k-brand-pink); background: var(--k-brand-pink); }
.kanto-ecare__captcha-toggle:focus-visible { border-radius: 0.25rem; outline: 2px solid var(--k-brand-pink); outline-offset: 0.25rem; }
.kanto-ecare__captcha-brand { display: grid; flex: 0 0 auto; color: var(--k-muted-2); font-size: 0.5625rem; line-height: 1; text-align: center; place-items: center; }
.kanto-ecare__submit { min-height: 3rem; padding: 0.8125rem var(--k-space-3); border: 0; border-radius: 999px; color: var(--k-ink); background: var(--k-brand-yellow); font: inherit; font-size: 0.90625rem; font-weight: 800; cursor: pointer; }
.kanto-ecare__submit:not(:disabled):hover { background: var(--k-brand-pink); color: var(--k-surface); }
.kanto-ecare__submit:disabled { cursor: not-allowed; opacity: 0.55; }
.kanto-ecare__submit:focus-visible { outline: 3px solid var(--k-zalo-blue); outline-offset: 3px; }
.kanto-ecare__results { display: grid; gap: var(--k-space-2); }
.kanto-ecare__result { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.625rem; padding: 0.75rem 0.875rem; border: 1px solid; border-radius: 0.75rem; }
.kanto-ecare__result svg { margin-top: 0.0625rem; }
.kanto-ecare__result h2 { margin: 0 0 0.125rem; color: var(--k-ink); font-size: 0.78125rem; font-weight: 700; line-height: 1.4; }
.kanto-ecare__result p { margin: 0; color: var(--k-muted); font-size: 0.71875rem; line-height: 1.5; }
.kanto-ecare__result--success { border-color: var(--k-ecare-success-border); color: var(--k-ecare-success-ink); background: var(--k-ecare-success-bg); }
.kanto-ecare__result--success p { color: var(--k-ecare-success-copy); }
.kanto-ecare__result--not-found { border-color: var(--k-ecare-not-found-border); color: var(--k-ecare-not-found-ink); background: var(--k-ecare-not-found-bg); }
.kanto-ecare__support { margin: 1.125rem 0 0; color: var(--k-muted); font-size: 0.78125rem; line-height: 1.6; text-align: center; }
.kanto-ecare__support a { color: var(--k-ink); font-weight: 700; text-decoration: underline; text-decoration-thickness: 0.0625rem; text-underline-offset: 0.125rem; }
.kanto-ecare__support a:focus-visible { outline-color: var(--k-brand-pink); }

@media (min-width: 48rem) {
	.kanto-ecare-main { background: var(--k-cream-bg); }
	.kanto-ecare { min-height: min(100vh, 57.5rem); padding: 2.75rem var(--k-space-3); place-items: center; }
	.kanto-ecare__card { width: min(100%, 27.5rem); padding: 2.125rem; border: 1px solid var(--k-border-warm); border-radius: 1.375rem; box-shadow: 0 1.25rem 2.75rem -1.75rem rgb(var(--k-ink-rgb) / 18%); }
	.kanto-ecare__heading p { font-size: 0.8125rem; }
	.kanto-ecare__field input { font-size: 0.875rem; }
	.kanto-ecare__captcha { padding: 0.75rem 0.875rem; }
}

@media (prefers-reduced-motion: reduce) {
	.kanto-ecare *, .kanto-ecare *::before, .kanto-ecare *::after { scroll-behavior: auto; transition-duration: 0.01ms; animation-duration: 0.01ms; animation-iteration-count: 1; }
}