@font-face{font-family:"Alata";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/alata-latin-ext-400.bc2b7ef145bc.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Alata";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/alata-latin-400.15859608a552.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/roboto-cyrillic-wght.40ee6416c01f.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/roboto-latin-ext-wght.0f1d3218bace.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/roboto-latin-wght.9a01b69183a9.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{scroll-behavior:smooth}
body{overflow-x:clip;background:#fff;color:#1e293b;font-family:"Roboto","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
html:lang(ko) .font-alata{font-family:"Alata","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.kf-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#006692;color:#fff;padding:8px 14px;border-radius:8px;font-size:14px}
.kf-skip:focus{top:12px}
:focus-visible{outline:2px solid #1665d8;outline-offset:2px}
.kf-offset{padding-top:112px}
@media (min-width:640px){.kf-offset{padding-top:120px}}
.kf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kf-err{margin-top:6px;font-size:12px;font-weight:600;color:#be123c}
.no-scrollbar{scrollbar-width:none}
.no-scrollbar::-webkit-scrollbar{display:none}
.is-locked{overflow:hidden}
.animate-in{animation:kf-in .2s ease-out both}
@keyframes kf-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}

/* Tanlangan holatlar: shablondagi ranglar, JS holatisiz */
.kf-room:has(input:checked){border-color:#3b82f6;background:rgba(239,246,255,.6);box-shadow:0 0 0 1px #3b82f6}
.kf-room:has(input:focus-visible),.kf-chip:has(input:focus-visible),.kf-type:has(input:focus-visible){outline:2px solid #1665d8;outline-offset:2px}
.kf-chip:has(input:checked){background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}
.kf-type:has(input:checked){background:#9333ea;border-color:#9333ea;color:#fff}
.kf-tab{background:#f1f5f9;color:#475569}
.kf-tab:hover{background:#e2e8f0}
.kf-tab.is-on{background:#006692;color:#fff}
.kf-tab__n{background:#e2e8f0;color:#475569}
.kf-tab.is-on .kf-tab__n{background:rgba(255,255,255,.2);color:#fff}
.kf-cat{background:#fff;border-color:#e2e8f0;color:#475569}
.kf-cat:hover{background:#f8fafc}
.kf-cat.is-on{background:#006692;border-color:#006692;color:#fff}
.kf-cat__n{background:#f1f5f9;color:#64748b}
.kf-cat.is-on .kf-cat__n{background:rgba(255,255,255,.2);color:#fff}
.kf-pcat{background:#f1f5f9;color:#475569}
.kf-pcat.is-on{background:#006692;color:#fff}

/* Xabarlar */
.kf-toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px))}
.kf-toast{background:#0f172a;color:#fff;font-size:14px;padding:12px 16px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.kf-toast--success{background:#047857}
.kf-toast--error{background:#be123c}

/* Avtomatik chiqadigan forma maydonlari */
.kf-field input,.kf-field select,.kf-field textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#1e293b}
.kf-field input:focus,.kf-field select:focus,.kf-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}

/* Boshqaruv panelidan keladigan matn */
.kf-prose{font-size:15px;line-height:1.75;color:#334155}
.kf-prose>*+*{margin-top:1em}
.kf-prose h2{font-size:22px;font-weight:700;color:#0f172a;margin-top:1.6em}
.kf-prose h3{font-size:18px;font-weight:700;color:#0f172a;margin-top:1.4em}
.kf-prose ul{list-style:disc;padding-left:1.4em}
.kf-prose ol{list-style:decimal;padding-left:1.4em}
.kf-prose a{color:#006692;text-decoration:underline}
.kf-prose img{max-width:100%;height:auto;border-radius:12px}
.kf-prose table{width:100%;border-collapse:collapse;font-size:14px}
.kf-prose td,.kf-prose th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left}

/* Shablonning tayyor CSS ida bo'lmagan, ichki sahifalar uchun kerakli yordamchi klasslar */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bg-emerald-50\/60{background:rgba(236,253,245,.6)}
.bg-transparent{background:transparent}
.drop-shadow-2xs{filter:drop-shadow(0 1px 0 rgba(0,0,0,.05))}
.gap-x-6{column-gap:1.5rem}
.gap-y-2{row-gap:.5rem}
.h-14{height:3.5rem}
.w-14{width:3.5rem}
.left-2\.5{left:.625rem}
.max-h-\[60vh\]{max-height:60vh}
.max-w-sm{max-width:24rem}
.min-h-\[70vh\]{min-height:70vh}
.min-w-0{min-width:0}
.mt-10{margin-top:2.5rem}
.p-10{padding:2.5rem}
.pb-2{padding-bottom:.5rem}
.pt-24{padding-top:6rem}
.pt-5{padding-top:1.25rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.select-all{user-select:all}
.space-y-0\.5>*+*{margin-top:.125rem}
.text-6xl{font-size:3.75rem;line-height:1}
@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:h-80{height:20rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:w-72{width:18rem}}

/* Inglizcha, ruscha va o'zbekcha menyu uzun: 1200px dan tor ekranda ixcham menyu ko'rsatiladi */
@media (min-width:1024px) and (max-width:1199px){
  html:not(:lang(ko)) header nav,html:not(:lang(ko)) .kf-desk-search{display:none}
  html:not(:lang(ko)) .kf-burger{display:flex}
  html:not(:lang(ko)) #mobile-menu:not(.hidden){display:block}
}
@media (max-width:339px){.kf-social{display:none}}