.k4u-masky-page{--p:#0f8d82;--pd:#0a6f67;--t:#202a2d;--m:#667377;--l:#dce7e9;--s:#f4f8f8;--s2:#eaf6f6;--r:7px;color:var(--t);font-size:16px;line-height:1.65}
.k4u-masky-page,.k4u-masky-page *{box-sizing:border-box}.k4u-masky-page a{text-underline-offset:2px}
.k4u-masky-container{width:min(1160px,calc(100% - 24px));margin:0 auto}
.k4u-masky-hero{margin:0 0 28px;padding:28px 30px;border:1px solid var(--l);border-radius:var(--r);background:radial-gradient(circle at 88% 15%,rgba(34,185,173,.10),transparent 28%),linear-gradient(135deg,#fff,#f5fafa)}
.k4u-masky-eyebrow{margin:0 0 7px;color:var(--p);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.k4u-masky-title{margin:0 0 10px;font-size:clamp(30px,3.6vw,42px);line-height:1.15;font-weight:700}
.k4u-masky-lead{max-width:900px;margin:0;color:var(--m);font-size:17px}
.k4u-masky-section{margin:0 0 38px}.k4u-masky-section-head{margin:0 0 18px}.k4u-masky-section-head h2{margin:0 0 7px;font-size:clamp(23px,2.7vw,31px);line-height:1.25;font-weight:700}.k4u-masky-section-head p{max-width:880px;margin:0;color:var(--m)}
.k4u-masky-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.k4u-masky-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:230px;padding:20px;border:1px solid var(--l);border-radius:var(--r);background:#fff;color:var(--t)!important;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.k4u-masky-card:hover,.k4u-masky-card:focus-visible{border-color:var(--p);box-shadow:0 8px 24px rgba(19,73,77,.08);transform:translateY(-2px);outline:none}.k4u-masky-card--wide{grid-column:1/-1}
.k4u-masky-card-media{overflow:hidden;min-height:188px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;padding:12px}.k4u-masky-card-media svg{width:100%;height:100%;max-width:180px;max-height:180px;display:block}
.k4u-masky-card-media--age{background:linear-gradient(135deg,#f7ebe8,#ffe7e0)}.k4u-masky-card-media--hydra{background:linear-gradient(135deg,#e5f5fb,#d5f1ff)}.k4u-masky-card-media--acne{background:linear-gradient(135deg,#edf7ec,#dff4de)}.k4u-masky-card-media--pigment{background:linear-gradient(135deg,#fff4dd,#ffe9bf)}.k4u-masky-card-media--sensitive{background:linear-gradient(135deg,#f5ebfb,#ece0f8)}
.k4u-masky-card-copy{display:flex;flex-direction:column;justify-content:center}.k4u-masky-card-copy h3{margin:0 0 8px;color:var(--pd);font-size:21px;line-height:1.28;font-weight:700}.k4u-masky-card-copy p{margin:0 0 14px;color:var(--m)}.k4u-masky-card-link{color:var(--pd);font-weight:700}
.k4u-masky-quick{margin-top:18px;padding:17px 20px;border-left:4px solid var(--p);border-radius:var(--r);background:var(--s)}.k4u-masky-quick p{margin:0}
.k4u-masky-guide{overflow-x:auto;border:1px solid var(--l);border-radius:var(--r)}.k4u-masky-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.k4u-masky-table th,.k4u-masky-table td{padding:15px 17px;border-bottom:1px solid var(--l);text-align:left;vertical-align:top}.k4u-masky-table th{background:var(--s);font-weight:700}.k4u-masky-table tr:last-child td{border-bottom:0}.k4u-masky-table a{color:var(--pd);font-weight:700}
.k4u-masky-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.k4u-masky-type{padding:20px;border:1px solid var(--l);border-radius:var(--r);background:var(--s)}.k4u-masky-type h3{margin:0 0 7px;font-size:18px}.k4u-masky-type p{margin:0;color:var(--m)}
.k4u-masky-faq{display:grid;gap:12px}.k4u-masky-faq-item{padding:20px 22px;border:1px solid var(--l);border-radius:var(--r);background:#fff}.k4u-masky-faq-item h3{margin:0 0 7px;font-size:18px;line-height:1.35}.k4u-masky-faq-item p{margin:0;color:var(--m)}
.k4u-masky-end{padding:24px;border-radius:var(--r);background:var(--s2)}.k4u-masky-end h2{margin:0 0 7px;font-size:23px}.k4u-masky-end p{margin:0;color:var(--m)}.k4u-masky-end a{color:var(--pd);font-weight:700}
@media(max-width:960px){.k4u-masky-card{grid-template-columns:1fr;min-height:auto}.k4u-masky-card-media{min-height:170px}.k4u-masky-card-media svg{max-width:160px;max-height:160px}}
@media(max-width:760px){.k4u-masky-container{width:min(100% - 20px,1160px)}.k4u-masky-hero{padding:22px 20px}.k4u-masky-grid{grid-template-columns:1fr}.k4u-masky-card--wide{grid-column:auto}.k4u-masky-types{grid-template-columns:1fr}}