/* KompikFiles 2.0 · Cloud — a single visual system for public pages and administration.
   Pure presentation layer; does not replace upload/download/auth workflows. */
:root{--kf-bg:#f3f6fd;--kf-paper:#fff;--kf-text:#192d4b;--kf-muted:#687d9a;--kf-blue:#316ff4;--kf-blue-dark:#2257ce;--kf-soft:#ecf2ff;--kf-edge:#dee7f5;--kf-shadow:0 11px 32px rgba(26,57,106,.065);--kf-radius:17px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,body.kf-admin{background:var(--kf-bg)!important;color:var(--kf-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;line-height:1.5;min-height:100vh}
body{overflow-x:hidden}
body a{color:var(--kf-blue)}
body a:hover{color:var(--kf-blue-dark)}
body :focus-visible{outline:3px solid #79a9fa!important;outline-offset:3px}
body h1,body h2,body h3,body h4{color:var(--kf-text);letter-spacing:-.027em}
body p,body small{overflow-wrap:anywhere}
body .muted,body .small,body .km-muted,body .kc-muted{color:var(--kf-muted)!important;opacity:1!important}
/* Public brand and navigation */
body .kf-header{background:rgba(255,255,255,.97)!important;box-shadow:0 3px 15px rgba(29,63,119,.045)!important;border-bottom:1px solid var(--kf-edge)!important;position:sticky;top:0;z-index:1020;backdrop-filter:blur(14px)}
body .kf-nav{max-width:1400px;margin:auto;padding:11px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-height:70px}
body .kf-logo{display:inline-flex;align-items:center;gap:11px;font-size:19px;color:var(--kf-text)!important;font-weight:850;letter-spacing:-.065em;white-space:nowrap;text-decoration:none}
.kf-logo-mark{display:inline-grid;place-items:center;width:39px;height:39px;flex:0 0 auto;background:var(--kf-blue);border-radius:11px;font-size:25px;color:#fff!important;font-weight:700;box-shadow:0 6px 14px rgba(49,111,244,.2)}
.kf-logo small{font-size:10px;color:#7690b1;font-weight:700;letter-spacing:0;margin-left:6px}
body .kf-nav-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;flex:1}
body .kf-nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex-wrap:wrap;padding:0;margin:0;min-width:0}
body .kf-nav-links a,body .kf-nav-actions>a{font-size:13px;font-weight:700;line-height:1.2;color:#536b8a!important;text-decoration:none;padding:11px 10px;border:0;border-radius:11px;background:transparent;white-space:nowrap}
body .kf-nav-links a:hover,body .kf-nav-links a.active{background:#eef3ff!important;color:var(--kf-blue)!important}
body .kf-nav-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
body .kf-nav-actions .kf-nav-sign{background:var(--kf-soft)!important;color:var(--kf-blue)!important;border:1px solid #e1eafe}
body .kf-nav-actions .kf-nav-sign:hover{background:#dfeaff!important}
body .kf-nav-actions .kf-nav-admin{color:#3e5c86!important}
body .kf-lang{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:9px;display:flex;gap:2px;padding:3px;white-space:nowrap}
body .kf-lang a{color:#7890ad!important;border:0!important;background:transparent!important;padding:6px 5px!important;font-size:11px!important;font-weight:800;border-radius:7px!important}
body .kf-lang a.active{background:#e9f0ff!important;color:var(--kf-blue)!important}
body .kf-menu-toggle{display:none!important;align-items:center;justify-content:center;gap:9px;background:#eef3ff!important;color:var(--kf-blue)!important;border:1px solid #dbe6fd!important;border-radius:11px!important;font-size:14px;min-height:42px;box-shadow:none!important;padding:7px 13px!important;cursor:pointer}
/* Public page shell */
body .wrap,body main:not(.main-content):not(.kc-shell):not(.km-container){max-width:min(1200px,100%);margin-left:auto;margin-right:auto}
body .km-container{width:min(1180px,100%);margin:26px auto 44px;padding:0 18px}
body .kc-shell{width:min(1180px,calc(100% - 36px));margin:25px auto 60px}
body .wrap{padding-left:18px;padding-right:18px}
body .card,body .box,body .folder,body .file-row,body .tariff,body .rules-container,body .verify-container,body .km-card,body .km-photo,body .ka-album-tile,body .ka-photo-item,body .kc-tile,body .kc-service,body .kc-section-two>div,body .kc-section-two>aside{background:#fff!important;color:var(--kf-text)!important;border:1px solid var(--kf-edge)!important;border-radius:var(--kf-radius)!important;box-shadow:var(--kf-shadow)!important}
body .card,body .km-card{padding:23px}
body .box{background:#f6f9ff!important;box-shadow:none!important;border:1px solid #e5edfa!important}
body .folder{margin-bottom:16px}
body .folder .file-row,body .file-row{background:#f7f9fe!important;box-shadow:none!important}
body .folder-actions form,body .file-actions form,body .upload-box,body .empty-note{background:#f7f9ff!important;border:1px solid #e7edfa!important;border-radius:13px}
body .file-size,body .file-downloads,body .stat-pill{background:#edf3ff!important;color:#435b7c!important}
body .folder-path,body .file-path{color:#547092!important}
body .card h1,body .km-card h1{font-size:clamp(23px,2.8vw,33px)}
/* Buttons, form controls, status. Prior local pages use !important, hence repeat it. */
body .btn,body button:not(.kf-menu-toggle):not(.ka-photo-open):not(.ka-mini-actions button):not(.kc-ad-button),body .recovery-btn,body .km-btn,body .km-actions button,body .km-code button,body .kc-ad-button{background:var(--kf-blue)!important;color:#fff!important;border:1px solid var(--kf-blue)!important;border-radius:11px!important;font-weight:750!important;box-shadow:0 6px 15px rgba(49,111,244,.13)!important;transition:background .15s,transform .15s,border-color .15s;text-decoration:none;cursor:pointer}
body .btn:hover,body button:not(.kf-menu-toggle):not(.ka-photo-open):not(.ka-mini-actions button):not(.kc-ad-button):hover,body .recovery-btn:hover,body .km-btn:hover,body .km-actions button:hover,body .km-code button:hover,body .kc-ad-button:hover{background:var(--kf-blue-dark)!important;border-color:var(--kf-blue-dark)!important;color:#fff!important}
body .btn.gray,body .btn.secondary,body .km-btn-secondary,body .km-hero .km-btn,body .kf-cloud-secondary{background:#e9f0ff!important;color:var(--kf-blue)!important;border:1px solid #dbe7fb!important;box-shadow:none!important}
body .btn.gray:hover,body .btn.secondary:hover,body .km-btn-secondary:hover,body .km-hero .km-btn:hover{background:#dce8ff!important;color:#1d53c4!important}
body .btn.red,body .km-danger,body button.red,body .close{background:#cf4b59!important;color:#fff!important;border-color:#cf4b59!important}
body button:disabled,body .btn:disabled{opacity:.55!important;cursor:not-allowed!important}
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),body select,body textarea{background:#fff!important;color:var(--kf-text)!important;border:1px solid #cad8ed!important;border-radius:10px!important;max-width:100%;font:inherit;box-shadow:none!important;min-height:41px}
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):focus,body select:focus,body textarea:focus{border-color:#6094f7!important;outline:3px solid #dce9ff!important;outline-offset:0}
body input::placeholder,body textarea::placeholder{color:#8ba0ba!important}
body input[type=checkbox],body input[type=radio]{accent-color:var(--kf-blue)!important}
body label{color:#3e5678}
body .ok,body .kc-message,body .km-success,body .km-results{background:#ebf7f1!important;color:#206a49!important;border:1px solid #cfe9dd!important}
body .err,body .error,body #errorLogin,body #errorForgot{background:#fff1f3!important;color:#963841!important;border:1px solid #f1cdd2!important}
body .progress,body .bar,body .km-progress,body .kc-bar{background:#e6ecf8!important}
body .progress div,body .bar span,body .km-progress>div,body .kc-bar>span{background:var(--kf-blue)!important}
body .badge,body .km-tag,body .toc a{background:#e8f0ff!important;color:#245ece!important;border:1px solid #d6e5ff!important}
/* Home — Cloud landing, live upload form remains fully functional */
body .page-with-banners{width:min(1760px,100%);max-width:none;margin:24px auto 42px;padding:0 20px;gap:17px;grid-template-columns:300px minmax(0,1140px) 300px;justify-content:center;align-items:start}
body .page-with-banners.no-sides{grid-template-columns:minmax(0,1140px)}
body .page-with-banners.no-left{grid-template-columns:minmax(0,1140px) 300px}
body .page-with-banners.no-right{grid-template-columns:300px minmax(0,1140px)}
body .page-with-banners .main-content{min-width:0}
body .side-slot{min-width:0;max-width:300px}
body .side-slot .kf-ad{overflow:hidden;max-width:300px}
body .kf-home-welcome{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(265px,.85fr);align-items:center;gap:27px;border-radius:24px;background:linear-gradient(115deg,#dfebff 0%,#e2f1fa 55%,#e2fbf4 100%);padding:32px 36px;margin-bottom:28px;border:1px solid #d6e5f8}
body .kf-home-overline{display:inline-block;font-size:11px;font-weight:850;letter-spacing:.13em;color:var(--kf-blue);margin-bottom:12px}
body .kf-home-welcome h1{font-size:clamp(30px,3.5vw,46px);line-height:1.11;margin:0 0 18px;font-weight:850;letter-spacing:-.045em;color:#183152}
body .kf-home-welcome p{font-size:15px;line-height:1.65;color:#587394;max-width:540px;margin:0 0 23px}
body .kf-home-ctas{display:flex;gap:10px;flex-wrap:wrap}
body .kf-cloud-primary,body .kf-cloud-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 15px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:750;box-shadow:0 7px 15px rgba(49,111,244,.16)}
body .kf-cloud-primary{color:#fff!important;background:var(--kf-blue)}
body .kf-cloud-primary:hover{background:var(--kf-blue-dark)}
body .kf-home-preview{border:1px solid #dee7f1;border-radius:18px;background:rgba(255,255,255,.95);padding:15px;box-shadow:0 14px 32px rgba(56,93,156,.07);display:grid;gap:8px;min-width:0;transform:rotate(-1.5deg)}
body .kf-home-preview>strong{font-size:14px;margin:2px 3px 4px;color:#21395c}
body .kf-home-preview>div{display:flex;align-items:center;gap:12px;border-radius:11px;background:#eef3ff;padding:10px 12px}
body .kf-home-preview>div>span:first-child{font-size:21px;line-height:1;background:#fff;border-radius:9px;padding:8px}
body .kf-home-preview b,body .kf-home-preview small{display:block;color:#1d3556;font-size:12px;line-height:1.4}
body .kf-home-preview small{color:#7287a4;font-weight:450;font-size:11px;margin-top:3px}
body .kf-cloud-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 13px}
body .kf-cloud-section-title h2{font-size:21px;margin:0;color:#1d3455}
body .kf-cloud-section-title span{color:#7c90aa;font-size:12px}
body .hero{grid-template-columns:minmax(0,1.35fr) minmax(260px,.78fr);gap:15px}
body .drop-zone,body .km-drop{background:#f6f9ff!important;border:2px dashed #9dbcf6!important;box-shadow:none!important;border-radius:16px!important}
body .drop-zone.dragover,body .km-drop.over{background:#eaf2ff!important;border-color:var(--kf-blue)!important}
body .drop-zone h2{color:#23456f}
body .quota-grid .box{min-height:64px}
body .kf-services{margin-top:27px}
body .kf-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body .kf-service{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:17px;background:#fff;color:var(--kf-text);text-decoration:none;border:1px solid var(--kf-edge);box-shadow:var(--kf-shadow);min-width:0;transition:transform .15s,border-color .15s}
body .kf-service:hover{transform:translateY(-3px);border-color:#b2c8f8;text-decoration:none}
body .kf-service-icon{font-size:24px;margin-bottom:7px}
body .kf-service strong{font-size:15px;color:#1c3455}
body .kf-service p{color:#6b7f9b;font-size:12px;line-height:1.6;margin:0;flex:1}
body .kf-service b{color:var(--kf-blue);font-size:12px;margin-top:12px}
/* Download and account/auth pages */
body .wrap>.card:first-child,body .wrap>.box:first-child{margin-top:6px}
body .wrap>.card h1,body .wrap>.box h1{line-height:1.2}
body .wrap .meta{gap:12px}
body .wrap .meta .box{background:#f7f9ff!important}
body .result{background:#eff5ff!important;color:#1d426c!important;border:1px solid #d1e2ff!important;border-radius:14px}
body .link-row,body .km-link-grid{min-width:0}
body .link-row input,body .km-code input{min-width:0}
body .kf-cloud-breadcrumb{display:flex;align-items:center;gap:9px;color:#8596af;font-size:12px;margin-bottom:14px}
body .kf-cloud-breadcrumb a{color:#5c7799;text-decoration:none}
body .kc-intro{background:linear-gradient(125deg,#285ee7 0%,#427bef 55%,#79b8ee 100%)!important;border:1px solid #c3d7fa;border-radius:22px;box-shadow:var(--kf-shadow)}
body .kc-intro h1,body .kc-intro p{color:#fff!important}
body .kc-tile{padding:20px}
body .kc-tile strong{color:#1d3454}
body .kc-service:hover{border-color:#bad1fb!important}
body .kc-icon{background:#eaf1ff!important;color:var(--kf-blue)!important}
body .kc-service b,body .kc-recent,body .kc-quicklinks a{color:var(--kf-blue)!important}
body .kc-preferences{border-top:1px solid #e2eafa}
/* Photo, album, video modules */
body .km-hero{background:linear-gradient(115deg,#e0ebff,#e6f8f6)!important;color:#1e3455!important;border:1px solid #d3e2f7!important;box-shadow:var(--kf-shadow)!important;border-radius:22px!important}
body .km-hero h1{color:#173152!important}
body .km-hero p{color:#587392!important}
body .km-eyebrow{color:var(--kf-blue)!important}
body .km-hero-ill{color:#7ea4ed!important}
body .km-metrics div{background:#ffffffaa!important;color:#25436b!important}
body .km-metrics small{color:#56718e!important}
body .km-topline,.km-card .km-actions{gap:11px}
body .km-photo,body .ka-album-tile,body .ka-photo-item{box-shadow:none!important}
body .km-photo:hover,body .ka-album-tile:hover,body .ka-photo-item:hover{border-color:#a5c2f7!important;box-shadow:var(--kf-shadow)!important}
body .km-photo strong,body .ka-album-body strong{color:#1e375e!important}
body .km-imagebox,body .ka-cover,body .ka-photo-open{background:linear-gradient(125deg,#e3edff,#eef5ff)!important}
body .km-full,body .km-code,body .ka-photo-details,body .km-item{background:#f6f9ff!important;border:1px solid #e5edfa!important}
body .km-link-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
body .km-dropicon{background:#e8f0ff!important;color:var(--kf-blue)!important}
body .km-visibility-form label{min-width:min(240px,100%)}
body .ka-mini-actions button{background:#eef3ff!important;color:var(--kf-blue)!important;border:1px solid #d6e5ff!important;box-shadow:none!important}
body .ka-mini-actions button:hover{background:#dfeaff!important}
body .ka-photo-open{border:0!important;box-shadow:none!important}
body .km-notice{background:#fff8e9!important;color:#70562c!important}
/* Advertisement areas: never cover file controls, mobile users see a stacked block. */
body .kf-site-ad-top,body .kf-site-ad-bottom{max-width:1160px}
body .kf-site-ad-rails{max-width:650px;gap:16px;padding:0;margin:22px auto}
body .kf-ad{max-width:100%;min-width:0}
body .side-banner{background:#fff!important;border:1px solid var(--kf-edge)!important;border-radius:14px;box-shadow:none!important}
body .side-slot .kf-ad:not(.side-banner){max-width:300px}
/* Administration · same Cloud components, no advertising */
body.kf-admin header{background:rgba(255,255,255,.98)!important;color:var(--kf-text)!important;border-bottom:1px solid var(--kf-edge)!important;box-shadow:0 4px 16px rgba(30,58,106,.04)!important}
body.kf-admin header nav{max-width:1400px;gap:14px;padding:12px 19px}
body.kf-admin header .logo{color:#1c3455!important;display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:850;letter-spacing:-.03em;font-size:19px}
body.kf-admin header .logo small{font-size:11px;letter-spacing:0;color:#7a91b0}
body.kf-admin header .tabs{gap:5px}
body.kf-admin header .tabs a{background:#f6f9ff!important;color:#536c8d!important;border:1px solid #e2eafb!important;padding:9px 11px!important;border-radius:10px!important;font-size:12px;font-weight:700}
body.kf-admin header .tabs a:hover,body.kf-admin header .tabs a.active{background:#e7efff!important;border-color:#d2e2ff!important;color:var(--kf-blue)!important}
body.kf-admin .wrap{max-width:1370px;margin:25px auto}
body.kf-admin .card{background:#fff!important;border:1px solid var(--kf-edge)!important;box-shadow:var(--kf-shadow)!important}
body.kf-admin .box{background:#f5f8ff!important;border:1px solid #e3ecfa!important}
body.kf-admin table{background:#fff!important;border:1px solid var(--kf-edge)!important;border-radius:13px!important;box-shadow:none!important}
body.kf-admin th{background:#eaf1fe!important;color:#2b4a72!important;border-bottom:1px solid #d9e5f7!important}
body.kf-admin td{border-bottom:1px solid #e7edf7!important;color:#28415f!important}
body.kf-admin table a{word-break:break-word}
body.kf-admin .modal{z-index:1200}
body.kf-admin .modal-content{background:white!important;border:1px solid var(--kf-edge)!important;color:var(--kf-text)!important;box-shadow:0 18px 70px rgba(12,37,75,.25)!important}
body.kf-admin .logline{background:#f5f8fe!important;color:#2a4263!important;border:1px solid var(--kf-edge)!important}
body.kf-admin .grid{gap:12px}
body.kf-admin .card h1{font-size:clamp(22px,2.8vw,30px);margin-bottom:17px}
/* Responsive layout: functionality first on small screens */
/* Cloud 2.0.2 — advertising rails stay AT THE SIDES on ordinary desktop displays.
   300px creative + flexible content; never squeeze/scale BannerFlow creatives. */
@media(min-width:1240px){
 body .page-with-banners{width:100%;max-width:1840px;display:grid!important;grid-template-columns:300px minmax(0,1fr) 300px!important;gap:16px!important;padding:0 16px!important}
 body .page-with-banners.no-sides{grid-template-columns:minmax(0,1140px)!important}
 body .page-with-banners.no-left{grid-template-columns:minmax(0,1fr) 300px!important}
 body .page-with-banners.no-right{grid-template-columns:300px minmax(0,1fr)!important}
 body .page-with-banners .main-content{grid-column:2;grid-row:1;order:initial;min-width:0}
 body .page-with-banners.no-left .main-content,body .page-with-banners.no-sides .main-content{grid-column:1}
 body .page-with-banners.no-right .main-content{grid-column:2}
 body .page-with-banners>.side-slot{grid-row:1;position:relative;align-self:stretch;display:block!important;min-width:0;max-width:300px!important}
 body .page-with-banners>.side-slot:first-child{grid-column:1}
 body .page-with-banners>.side-slot:last-child{grid-column:-2}
 body .page-with-banners>.side-slot .kf-ad{position:sticky!important;top:90px;max-width:300px;width:300px!important;max-height:calc(100vh - 104px);overflow:visible}
 body .kf-site-ad-rails{position:fixed!important;inset:83px 0 auto;max-width:none!important;width:100%;margin:0!important;padding:0 12px!important;display:flex!important;justify-content:space-between;align-items:flex-start;gap:0!important;pointer-events:none;z-index:20}
 body .kf-site-ad-rails .kf-ad{position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex:0 0 300px;width:300px!important;max-width:300px!important;max-height:calc(100vh - 96px);overflow:hidden;pointer-events:auto}
 body .kf-site-ad-rails .kf-ad-left{margin-right:auto}
 body .kf-site-ad-rails .kf-ad-right{margin-left:auto}
 body.kf-has-side-rails .wrap,body.kf-has-side-rails main:not(.main-content):not(.kc-shell):not(.km-container),body.kf-has-side-rails .kc-shell,body.kf-has-side-rails .km-container{max-width:1140px!important;width:calc(100% - 656px)!important;margin-left:auto!important;margin-right:auto!important;min-width:0}
 body.kf-has-side-rails .wrap{padding-left:10px!important;padding-right:10px!important}
 body.kf-has-side-rails .km-container{padding-left:8px!important;padding-right:8px!important}
}
@media(min-width:1240px) and (max-width:1560px){
 body .kf-home-welcome{grid-template-columns:1fr!important;gap:18px;padding:22px 25px}
 body .kf-home-preview{display:none}
 body .kf-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .page-with-banners .hero{grid-template-columns:1fr!important}
 body .kf-cloud-section-title{gap:10px;flex-wrap:wrap}
}
@media(max-width:1239px){
 body .page-with-banners,body .page-with-banners.no-sides,body .page-with-banners.no-left,body .page-with-banners.no-right{display:flex!important;flex-direction:column;max-width:1170px!important;align-items:stretch;justify-content:center}
 body .page-with-banners .main-content{order:0;grid-row:auto;grid-column:auto;width:100%}
 body .page-with-banners>.side-slot{order:2;grid-column:auto;position:static;align-self:center;justify-self:center;display:flex;justify-content:center;max-width:100%;min-height:0}
 body .side-slot .kf-ad:not(.side-banner),body .side-slot .side-banner{position:static!important}
}
@media(max-width:1200px){
 body .kf-nav{padding:11px 17px;flex-wrap:wrap;gap:0}
 body .kf-menu-toggle{display:inline-flex!important}
 body .kf-nav-panel{display:none!important;flex-basis:100%;flex-direction:column;align-items:stretch;gap:12px;padding:13px 0 6px}
 body .kf-menu-open .kf-nav-panel{display:flex!important}
 body .kf-nav-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}
 body .kf-nav-links a{padding:12px!important;white-space:normal!important;font-size:14px!important}
 body .kf-nav-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--kf-edge);padding-top:9px}
}
@media(max-width:830px){
 body .kf-home-welcome{grid-template-columns:1fr;gap:20px;padding:27px 23px}
 body .kf-home-preview{transform:none}
 body .hero{grid-template-columns:1fr!important}
 body .kf-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.kf-admin header nav{justify-content:flex-start}
 body.kf-admin header .tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;scrollbar-width:thin;padding-bottom:7px}
 body.kf-admin header .tabs a{flex:0 0 auto}
 body.kf-admin .wrap{max-width:100%;padding:0 11px}
 body.kf-admin .card{padding:16px!important;overflow-wrap:anywhere}
 body.kf-admin .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.kf-admin .card:has(table){overflow-x:auto}
}
@media(max-width:620px){
 body .kf-nav{min-height:62px;padding:10px 13px}
 body .kf-logo{font-size:18px}
 .kf-logo-mark{width:35px;height:35px;font-size:22px}
 body .kf-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .kf-nav-actions{flex-wrap:wrap}
 body .page-with-banners{padding:0 10px!important;margin:12px auto 30px}
 body .kf-home-welcome{padding:23px 19px;margin-bottom:20px;border-radius:18px}
 body .kf-home-welcome h1{font-size:34px}
 body .kf-home-welcome p{font-size:13px}
 body .kf-home-preview{padding:12px}
 body .kf-home-ctas>a{flex:1;min-width:140px;text-align:center}
 body .kf-services-grid{grid-template-columns:1fr}
 body .kf-cloud-section-title{align-items:flex-start;flex-direction:column;gap:4px}
 body .card,body .km-card{padding:17px!important}
 body .km-container{padding:0 10px;margin-top:13px}
 body .km-hero{padding:23px 19px!important;border-radius:17px!important}
 body .km-hero-ill{display:none}
 body .km-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .ka-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body .ka-album-body{padding:10px}
 body .ka-album-body strong{font-size:13px}
 body .kc-shell{width:calc(100% - 20px);margin-top:13px}
 body .kc-intro{padding:23px 18px}
 body .kc-tile{padding:13px}
 body .kc-summary{gap:8px}
 body .kc-grid{grid-template-columns:1fr}
 body .kc-section-two{grid-template-columns:1fr}
 body .kc-recent{flex-direction:column;gap:3px}
 body .wrap{padding-left:10px;padding-right:10px}
 body .wrap .card,body .wrap .box{padding:17px}
 body .file-row{grid-template-columns:1fr!important;gap:8px}
 body .folder-actions,body .file-actions{grid-template-columns:1fr!important}
 body .link-row,body .grid-form{grid-template-columns:1fr!important}
 body .kf-site-ad-rails{max-width:320px;flex-direction:column;align-items:center}
 body .kf-site-ad-rails .kf-ad{max-width:300px}
 body .kf-site-ad-rails .kf-ad-right{display:none!important}
 body.kf-admin .grid{grid-template-columns:1fr}
 body.kf-admin .wrap .card{overflow-wrap:anywhere}
 body.kf-admin .actions{gap:5px}
 body.kf-admin th,body.kf-admin td{padding:9px 7px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .kf-service,body .kc-service,body button{transition:none!important}}
/* Stage 3/4 modules and lightweight video screens */
body .kv-summary>div,body .km3-cards>div,body .km4-stat{background:#f6f9ff!important;border:1px solid #dfe9f9!important;border-radius:14px!important;color:#214064!important}
body .kv-summary strong,body .km3-cards strong,body .km4-stat strong,body .km4-plan-quota,body .km4-plan dd{color:#2859c3!important}
body .kv-summary span,body .km4-stat span,body .km4-plan dt,body .km3-small{color:#7185a1!important}
body .kv-drop{background:#f6f9ff!important;border:2px dashed #9cbcf5!important;border-radius:18px!important}
body .kv-drop strong{color:#2e64dd!important}
body .kv-drop p{color:#7085a2!important}
body .kv-drag{background:#eaf1ff!important;border-color:#3977e9!important}
body .kv-form>label,body .kv-owner label{color:#3b5678!important}
body .kv-tile{background:#fff!important;border:1px solid #dfebfc!important;border-radius:14px!important}
body .kv-tile:hover{box-shadow:var(--kf-shadow)!important;border-color:#9ebbf3!important}
body .kv-thumb{background:linear-gradient(145deg,#e4edff,#c7defb)!important;color:#3571e4!important}
body .kv-tile strong{color:#23416c!important}
body .kv-tile small{color:#7187a4!important}
body .kv-player{background:#101e34!important}
body .km3-token{background:#edf3ff!important;color:#2756b4!important}
body .km3-canvas{border-color:#cbdcf4!important;background:repeating-conic-gradient(#dbe7f8 0 25%,#f1f6fc 0 50%) 50%/20px 20px!important}
body .km3-table th,body .km3-table td{border-bottom-color:#e0e9f6!important}
body .km4-track{background:#e3ecfc!important}
body .km4-track>div{background:var(--kf-blue)!important}
body .km4-plan dl>div{border-color:#e2eafa!important}
body .km4-tag{background:#e7efff!important;color:var(--kf-blue)!important}
body .ka-meta span{background:#f3f7ff!important;color:#41628e!important;border:1px solid #dce7f8!important}
body .ka-photo-details>a{color:var(--kf-blue)!important}

body .kf-home-form-title{font-size:clamp(20px,2.6vw,27px);margin:0 0 8px;color:#203a5c;letter-spacing:-.03em}

/* Compact screens: banner is in natural document flow, never obscures controls. */
@media(max-width:1239px){
 body .kf-site-ad-rails{position:static!important;display:flex!important;flex-wrap:wrap;justify-content:center;max-width:650px;margin:16px auto;padding:0 10px;gap:16px}
 body .kf-site-ad-rails .kf-ad{position:static!important;width:300px!important;max-width:100%}
}
@media(max-width:699px){
 body .page-with-banners>.side-slot:last-child,body .kf-site-ad-rails .kf-ad-right{display:none!important}
 body .page-with-banners>.side-slot{width:100%;max-width:100%}
}

/* Cloud 2.0.3: visible public signup entry point and auth cross-links. */
body .kf-nav-actions .kf-nav-register{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:39px;padding:10px 14px;border-radius:11px;
 background:var(--kf-blue)!important;color:#fff!important;
 border:1px solid var(--kf-blue)!important;
 box-shadow:0 5px 12px rgba(49,111,244,.18);
 font-size:13px;font-weight:750;line-height:1.2;
 text-decoration:none;white-space:nowrap
}
body .kf-nav-actions .kf-nav-register:hover,body .kf-nav-actions .kf-nav-register.active{
 background:var(--kf-blue-dark)!important;color:#fff!important;border-color:var(--kf-blue-dark)!important
}
body .kf-nav-actions .kf-nav-sign.active{background:#dbe8ff!important;color:var(--kf-blue)!important}
body .kf-auth-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 4px;color:var(--kf-muted);font-size:14px}
body .kf-auth-switch a{font-weight:750;color:var(--kf-blue)!important;text-decoration:underline;text-underline-offset:3px}
body .kf-auth-success-action{margin-top:12px}
body .kf-auth-success-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:10px;background:var(--kf-blue);color:#fff!important;text-decoration:none;font-weight:750}
body .kf-auth-success-link:hover{background:var(--kf-blue-dark);color:#fff!important}
@media(max-width:1200px){
 body .kf-nav-actions{flex-wrap:wrap;align-items:center;justify-content:flex-start}
 body .kf-nav-actions .kf-lang{margin-right:auto}
 body .kf-nav-actions .kf-nav-register{min-height:42px}
}
@media(max-width:420px){
 body .kf-nav-actions{gap:7px}
 body .kf-nav-actions .kf-nav-register{padding:10px 11px;white-space:normal;text-align:center}
 body .kf-nav-actions .kf-nav-sign{min-height:42px;display:inline-flex;align-items:center}
}