:root{--kp-ink:#1e1538;--kp-muted:#7a6f94;--kp-primary:#7c3aed;--kp-paper:#faf7ff;--kp-line:#ece4f8;--kp-teal:#248b81;--kp-coral:#d97758;--bs-primary:#7c3aed;--kp-accent:#e0359a}*{box-sizing:border-box}body{background:var(--kp-paper)!important;color:var(--kp-ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55}body h1,body h2,body h3,body h4,body h5{font-family:inherit;font-weight:700;letter-spacing:-.5px;color:var(--kp-ink)}body a{color:var(--kp-primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b794f6;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.kp-header{position:sticky;top:0;z-index:100;background:#fffffff0;border-bottom:1px solid var(--kp-line);backdrop-filter:blur(16px)}.kp-header-inner{max-width:1260px;height:74px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:18px}.kp-brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:750;letter-spacing:-.7px;color:var(--kp-ink)!important;white-space:nowrap}.kp-brand img{width:38px;height:38px}.kp-brand-accent{color:var(--kp-primary)}.kp-header-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.kp-header-actions form{margin:0}.kp-icon-button,.kp-menu-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--kp-line);border-radius:11px;background:white;color:var(--kp-ink);font-size:17px}.kp-menu-button{display:none}.kp-currency{display:flex;gap:3px;align-items:center;background:#f3ecff;border-radius:10px;padding:4px}.kp-currency button{border:0;background:transparent;border-radius:7px;font-size:11px;font-weight:700;padding:5px 8px;color:#7a6f94}.kp-currency button.active{background:white;color:var(--kp-primary);box-shadow:0 2px 8px #4c1d9510}.kp-currency input{width:14px;height:14px;accent-color:var(--kp-primary)}.kp-button,.kp-studio button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--kp-primary);border:1px solid var(--kp-primary);color:white!important;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .18s,box-shadow .18s}.kp-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed25}.kp-button.secondary{background:white;color:var(--kp-primary)!important;border-color:#e0d4f5}.kp-button.small{padding:9px 14px}.kp-button.teal{background:var(--kp-teal);border-color:var(--kp-teal)}.kp-button.full{width:100%}.kp-eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:750;color:var(--kp-primary);margin:0 0 12px}.kp-muted{color:var(--kp-muted)}.kp-card{background:white!important;border:1px solid var(--kp-line);border-radius:20px;padding:24px;box-shadow:0 5px 20px #29244304}.kp-card.lilac{background:#f3ecff!important}.kp-card.mint{background:#ecf7f3!important}.kp-card.peach{background:#fff1e8!important}.kp-title{font-size:28px;margin-bottom:8px}.kp-subtitle{font-size:14px;color:var(--kp-muted);margin-bottom:0}.kp-page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.kp-avatar{display:grid;place-items:center;width:44px;height:44px;background:#efe6ff;color:var(--kp-primary);border-radius:14px;font-size:19px;font-weight:700;flex-shrink:0}.kp-mini-profile{display:flex;gap:11px;align-items:center;margin-bottom:24px}.kp-mini-profile strong{font-size:13px;display:block;overflow-wrap:anywhere}.kp-mini-profile small{color:var(--kp-muted);font-size:11px;display:block}.kp-sidebar{padding:0 12px 0 0!important}.kp-sidebar-card{background:white;border:1px solid var(--kp-line);border-radius:20px;padding:22px 14px;position:sticky;top:95px;max-height:calc(100dvh - 118px);overflow:auto;scrollbar-width:thin}.kp-nav-item{display:flex!important;align-items:center;gap:12px;padding:11px 13px;margin-bottom:4px;border-radius:11px;color:#737189!important;font-size:12px;font-weight:550;transition:background .18s,color .18s}.kp-nav-item i{width:18px;text-align:center;color:#9691b7;font-size:15px}.kp-nav-item:hover,.kp-nav-item.is-active{background:#eeedf9;color:#4e49bc!important}.kp-nav-item.is-active i{color:var(--kp-primary)}.kp-sidebar-note{margin:18px 0 0;padding:15px;background:#f8f5ed;border-radius:14px;font-size:11px;color:#80765c}.kp-sidebar-note p{margin:7px 0 0}.kp-app-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;max-width:1240px;margin:28px auto 48px;align-items:start}.kp-app-grid>.kp-sidebar{width:100%;display:block}.kp-app-main{min-width:0}.kp-public-main{max-width:1180px;margin:auto;padding:36px 24px}.kp-footer{text-align:center;padding:20px 18px;font-size:11px;color:var(--kp-muted)}.kp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kp-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f3ecff;color:var(--kp-primary);margin-bottom:18px;font-size:21px}.kp-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:22px}.kp-intro h1{font-size:27px;margin:9px 0}.kp-intro p{max-width:340px;font-size:13px;color:#77718c}.kp-intro .kp-card{padding:26px}.kp-intro-action{display:flex;gap:10px;flex-wrap:wrap}.kp-intro-art{position:relative;min-height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.kp-graphic-doc{background:#fff;border-radius:13px;box-shadow:0 12px 24px #554d7320;width:160px;padding:20px;transform:rotate(-7deg);border:1px solid #e6e3ee}.kp-graphic-doc i{display:block;height:5px;background:#e8e7f2;margin:12px 0;border-radius:4px}.kp-graphic-doc i:first-child{width:50%;height:9px;background:#7c3aed}.kp-graphic-stamp{position:absolute;bottom:25px;right:24px;padding:10px 15px;background:#dff2e9;color:#267a66;font-size:11px;border-radius:10px;transform:rotate(6deg)}.kp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.kp-metric{padding:18px}.kp-metric p{margin:0 0 10px;font-size:11px;color:#817c92}.kp-metric strong{font-size:20px;letter-spacing:-.6px}.kp-metric:nth-child(2){background:#eff7f5!important}.kp-metric:nth-child(3){background:#fff2e8!important}.kp-metric:nth-child(4){background:#f3ecff!important}.kp-auth{max-width:940px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:24px auto 48px;align-items:center}.kp-auth-art{padding:28px 8px}.kp-auth-art h1{font-size:42px;line-height:1.15;margin:15px 0 20px}.kp-auth-art p{font-size:15px;color:var(--kp-muted)}.kp-auth-art .kp-intro-art{background:#eeeafa;border-radius:28px;margin-top:30px}.kp-form{display:grid;gap:15px}.kp-form label,.kp-editor label{display:block;font-size:11px;font-weight:650;margin-bottom:6px;color:#68637c}.kp-form input:not([type=checkbox]):not([type=hidden]),.kp-form select,.kp-form textarea,.kp-editor input,.kp-editor textarea,.kp-editor select{width:100%;padding:11px 12px;border:1px solid #dddded;border-radius:10px;background:white;color:var(--kp-ink);font-size:13px}.kp-form input[type=file]{font-size:11px}.kp-form input[type=checkbox]{accent-color:var(--kp-primary)}.kp-errors{padding:12px 16px;background:#fff0ec;color:#ad4a3d;border-radius:12px;font-size:12px;margin-bottom:15px}.kp-errors p{margin:3px 0}.kp-notice{background:#eef6f5;color:#367b71;padding:14px 18px;border-radius:12px;font-size:12px}.kp-package{position:relative;overflow:hidden}.kp-package h2{font-size:19px}.kp-package-price{font-size:27px;font-weight:750;margin:16px 0 20px;letter-spacing:-.7px}.kp-package-count{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--kp-line);padding-top:14px;margin-bottom:18px;font-size:12px}.kp-package-count strong{font-size:23px;color:var(--kp-primary)}.kp-package-tag{position:absolute;top:18px;right:18px;background:#f4f0e6;color:#88723e;border-radius:20px;padding:3px 9px;font-size:9px}.kp-package a{display:block;text-align:center;margin-top:12px;font-size:11px}.kp-dialog{border:1px solid var(--kp-line);border-radius:22px;padding:26px;width:calc(100% - 28px);max-width:460px;color:var(--kp-ink);max-height:calc(100dvh - 32px);overflow:auto}.kp-dialog::backdrop{background:#27214075;backdrop-filter:blur(4px)}.kp-dialog h2{font-size:22px}.kp-dialog p{font-size:13px;color:var(--kp-muted)}.kp-dialog-close{border:0;background:#f2f1f7;border-radius:50%;width:30px;height:30px;float:right;font-size:19px}.kp-receiver{display:grid;gap:4px;padding:16px;background:#eff6f3;border:1px solid #ddebe3;border-radius:12px;font-size:12px}.kp-receiver strong{font-size:13px}.kp-drawer-overlay{position:fixed;inset:0;z-index:150;background:#28224060;backdrop-filter:blur(3px)}.kp-drawer{position:fixed;left:0;top:0;bottom:0;width:min(300px,calc(100vw - 40px));background:white;border-radius:0 24px 24px 0;padding:24px 16px;overflow:auto;z-index:151;box-shadow:10px 0 40px #29214015;animation:kpSlide .22s ease-out}.kp-drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.kp-menu-open{overflow:hidden}.kp-landing{padding:28px 0 20px}.kp-landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}.kp-landing h1{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-2px;margin:18px 0 24px}.kp-landing h1 em{font-style:normal;color:var(--kp-primary)}.kp-landing-hero p{max-width:430px;color:var(--kp-muted);font-size:15px;margin-bottom:26px}.kp-feature-card{transition:transform .2s,box-shadow .2s}.kp-feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #4b466611}.kp-feature-card h3{font-size:17px}.kp-feature-card p{font-size:12px;color:var(--kp-muted);margin:0}.kp-feature-card:nth-child(2) .kp-symbol{background:#e9f5ef;color:#29816d}.kp-feature-card:nth-child(3) .kp-symbol{background:#fff0e5;color:#bd7955}.kp-course-card{padding:14px}.kp-course-card img{width:100%;height:150px;object-fit:cover;border-radius:13px;background:#eeedf7}.kp-course-card h3{font-size:16px;margin:15px 4px 8px}.kp-course-card p{font-size:11px;color:var(--kp-muted);margin:0 4px 12px}.kp-leaderboard{margin-top:24px}.kp-leaderboard-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--kp-line);padding:12px 0;font-size:12px}.kp-leaderboard-row .kp-rank{display:grid;place-items:center;background:#f3ecff;color:var(--kp-primary);border-radius:10px;width:30px;height:30px;font-weight:700}.kp-leaderboard-row strong{margin-left:auto;font-size:13px}.kp-badge{background:#eeedf9;color:#625db0;padding:4px 8px;border-radius:8px;font-size:10px}.kp-leaderboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kp-leaderboard-heading h2{font-size:18px;margin:0}.kp-invite{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:18px}.kp-invite h3{font-size:16px;margin:0 0 5px}.kp-invite p{font-size:12px;margin:0;color:var(--kp-muted)}
/* Legacy user pages retain their existing data, forms and scripts. */
body .page-content{background:var(--kp-paper)!important;padding:28px 0 40px!important;min-height:calc(100dvh - 80px)}body .page-content .container{max-width:1240px}body .page-content .card,body .page-content .settings-widget,body .page-content .course-box,body .page-content .dash-profile,body .page-content .stat-card,body .page-content .upgrade-form-card{background:white!important;border:1px solid var(--kp-line)!important;border-radius:18px!important;box-shadow:0 5px 20px #29244304!important;color:var(--kp-ink)!important}body .page-content .card-body{padding:20px}body .page-content .card h1,body .page-content h1{font-size:26px!important}body .page-content h2{font-size:22px!important}body .page-content h4,body .page-content h5{font-size:17px!important}body .page-content .form-control{border:1px solid #dddded!important;border-radius:10px!important;min-height:42px;font-size:13px;padding:9px 12px!important;background:#fff!important;color:var(--kp-ink)!important}body .page-content .btn-primary,body .page-content .btn-success,body .page-content .btn-block{background:var(--kp-primary)!important;border-color:var(--kp-primary)!important;color:white!important;border-radius:10px!important;font-size:12px!important;padding:10px 14px!important}body .page-content .account-settings,body .page-content .checkout-form,body .page-content .order-header{background:white!important;border-radius:18px!important}body .page-content .settings-menu ul li a{color:var(--kp-ink)!important}body .page-content table{font-size:12px}body .page-content table th{background:#f0eff8!important;color:#65617d!important;border-color:var(--kp-line)!important}body .page-content table td{color:var(--kp-ink)!important;border-color:var(--kp-line)!important}body .page-content .student-title h5{font-size:16px!important}body .page-content .breadcrumb-bar,body .breadcrumb-bar{background:#efedf9!important;padding:24px 0!important}body .page-content .text-primary{color:var(--kp-primary)!important}body .page-content .bg-primary{background:var(--kp-primary)!important}body .page-content .upgrade-package-row{background:#f5f3fd!important;border-color:#ddd9f0!important}body footer.footer{background:white!important;color:var(--kp-muted)!important}body .page-content .row>*{min-width:0}body [id*="whatsapp"],body .whatsapp-icon{right:18px!important}body .page-content .checkout-form textarea{min-height:100px}
@keyframes kpSlide{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:991px){.kp-menu-button{display:grid}.kp-app-grid{display:block;padding:0 18px;margin-top:22px}.kp-app-grid>.kp-sidebar,.kp-sidebar{display:none!important}.kp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-header-inner{padding:0 18px}.kp-header-actions{gap:10px}.kp-sidebar-card{position:static}.kp-landing-hero{gap:24px}.kp-public-main{padding:24px 18px}.kp-auth{gap:28px}.kp-intro{grid-template-columns:1.2fr 1fr}body .page-content{padding:22px 0!important}}
@media(max-width:600px){.kp-header-inner{height:64px;padding:0 14px;gap:10px}.kp-brand{font-size:17px;gap:7px}.kp-brand img{width:30px;height:30px}.kp-header-actions{gap:8px}.kp-header-actions>a{font-size:11px}.kp-button.small{padding:8px 10px;font-size:11px}.kp-currency button{padding:4px 5px;font-size:9px}.kp-currency input{width:11px;height:11px}.kp-icon-button,.kp-menu-button{width:30px;height:30px;font-size:14px}.kp-app-grid{padding:0 14px}.kp-grid{grid-template-columns:1fr;gap:12px}.kp-card{padding:19px;border-radius:17px}.kp-intro{grid-template-columns:1fr;gap:12px}.kp-intro .kp-intro-art{display:none}.kp-intro h1{font-size:25px}.kp-metric{padding:16px}.kp-metric strong{font-size:18px}.kp-title{font-size:24px}.kp-auth{display:block;max-width:440px;margin:0 auto 24px}.kp-auth-art{padding:0 4px 18px}.kp-auth-art h1{font-size:29px;margin:12px 0}.kp-auth-art p{font-size:13px;margin-bottom:0}.kp-auth-art .kp-intro-art{display:none}.kp-landing-hero{grid-template-columns:1fr;margin-bottom:28px}.kp-landing-hero .kp-intro-art{min-height:230px}.kp-landing h1{font-size:37px}.kp-page-head{align-items:flex-start;flex-direction:column;gap:10px}.kp-package-price{font-size:25px}.kp-package-tag{font-size:9px}.kp-invite{align-items:flex-start;flex-direction:column;gap:14px}.kp-leaderboard-row{gap:8px}.kp-leaderboard-row strong{font-size:11px}.kp-leaderboard-row .kp-badge{font-size:8px}.kp-footer{padding-bottom:28px}body .page-content .card-body{padding:16px}body .page-content h1{font-size:23px!important}body .page-content .col-lg-9,body .page-content .col-xl-9{width:100%}.kp-landing{padding-top:10px}}
@media(max-width:340px){.kp-brand{font-size:15px}.kp-currency{gap:1px;padding:2px}.kp-header-inner{gap:6px;padding:0 10px}.kp-header-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.kp-tool-actions,.kp-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.kp-template-thumb{--doc-color:#7c3aed;background:var(--doc-color);color:#fff;min-height:160px;padding:24px;border-radius:14px;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.kp-template-thumb span{font-size:10px;letter-spacing:2px}.kp-template-thumb strong{font-size:24px}.kp-template-thumb i{height:4px;background:#ffffff70;border-radius:4px;width:80%}.kp-template-thumb i:last-child{width:45%}.kp-editor-grid{display:grid;grid-template-columns:minmax(260px,0.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.kp-editor-grid .kp-form h3{margin:22px 0 8px;font-size:16px}.kp-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp-item-edit{border:1px solid #e3e2ec;padding:12px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.kp-item-edit label:first-child{grid-column:1/-1}.kp-remove-item{border:0;background:transparent;color:#b24444;font-size:12px;text-align:left;padding:2px}.kp-preview-wrap{min-width:0}.kp-document{--doc-color:#7c3aed;background:white;border:1px solid #dddfe7;border-top:7px solid var(--doc-color);padding:30px;min-height:650px;font-size:12px;box-shadow:0 10px 35px #1720410a;overflow-wrap:anywhere}.kp-doc-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding-bottom:18px}.kp-doc-top>div:last-child{text-align:right}.kp-doc-top img{max-width:110px;max-height:65px;object-fit:contain;margin-bottom:8px}.kp-document h2{font-size:20px;color:var(--doc-color);margin:0 0 8px}.kp-document h3{font-size:14px;margin:6px 0}.kp-document p{margin:3px 0;white-space:pre-wrap}.kp-document small{font-size:9px;letter-spacing:1.3px;color:#697082}.kp-doc-customer{margin:24px 0}.kp-document table{width:100%;border-collapse:collapse;table-layout:fixed}.kp-document th{font-size:10px;background:var(--doc-color);color:white;padding:10px 5px}.kp-document td{padding:12px 5px;border-bottom:1px solid #e8e9ed;vertical-align:top}.kp-document th:first-child{width:40%}.kp-document th:not(:first-child),.kp-document td:not(:first-child){text-align:right}.kp-doc-totals{width:65%;margin:20px 0 24px auto}.kp-doc-totals>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.kp-doc-totals>div:last-child{border-top:2px solid var(--doc-color);padding-top:12px;font-size:15px;color:var(--doc-color)}.kp-doc-notes{border-top:1px solid #eee;padding-top:16px}.kp-document footer{margin-top:45px;text-align:center;color:#808897;font-size:10px}.kp-template-1{--doc-color:#303c55;font-family:Georgia,serif;border-top-width:2px}.kp-template-2{--doc-color:#1b8072}.kp-template-3{--doc-color:#bd644f}.kp-template-4{--doc-color:#243349;border-top-width:14px}.kp-template-5{--doc-color:#685092;border-top-width:1px}.kp-template-5 .kp-doc-top{border-bottom:3px solid var(--doc-color)}.kp-template-6{--doc-color:#236b99}.kp-template-7{--doc-color:#52659c}.kp-template-7 .kp-doc-customer{background:#f1f3fc;padding:16px;border-radius:8px}.kp-template-8{--doc-color:#303030;font-family:monospace}.kp-template-9{--doc-color:#8b6a42;font-family:Georgia,serif}.kp-template-9 .kp-doc-top{border-bottom:double 4px var(--doc-color)}
@media(max-width:1100px){.kp-editor-grid{grid-template-columns:1fr}.kp-document{max-width:750px;margin:auto}}@media(max-width:600px){.kp-document{padding:18px 12px;font-size:10px;min-height:560px}.kp-document h2{font-size:16px}.kp-document th{font-size:9px}.kp-doc-top{gap:12px}.kp-doc-totals{width:80%}.kp-editor-actions .kp-button{font-size:11px;padding:10px}.kp-editor-grid{gap:16px}}
@media print{@page{size:A4;margin:12mm}body{background:#fff!important}body>*{display:none!important}body>.kp-app-grid{display:block!important;padding:0!important;margin:0!important;max-width:none!important}.kp-app-grid>*{display:none!important}.kp-app-grid>.kp-app-main{display:block!important}.kp-app-main>*{display:none!important}.kp-app-main>#kp-editor{display:block!important}#kp-editor>*{display:none!important}#kp-editor>.kp-editor-grid{display:block!important}.kp-editor-grid>*{display:none!important}.kp-editor-grid>.kp-preview-wrap{display:block!important}.kp-preview-wrap>*{display:none!important}.kp-preview-wrap>#kp-document{display:block!important;border:0;border-top:5px solid var(--doc-color);box-shadow:none;max-width:none;padding:12px;min-height:0;font-size:11px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kp-document tr{break-inside:avoid}.kp-document thead{display:table-header-group}.kp-doc-totals,.kp-doc-top{break-inside:avoid}.kp-document h2{font-size:22px}}

.kp-whatsapp{position:fixed;right:18px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;background:#23866c;color:white!important;border-radius:50%;font-size:24px;box-shadow:0 5px 18px #17392c25;z-index:90}.kp-app-main{padding-bottom:70px}.kp-public-main{padding-bottom:76px!important}.kp-sidebar{width:auto!important}.kp-dialog{max-height:calc(100dvh - 32px);overflow:auto}.kp-field-pair>*{min-width:0}@media(max-width:600px){.kp-header-inner{gap:8px;padding-left:12px;padding-right:12px}.kp-header-actions{gap:8px}.kp-brand{font-size:17px;gap:6px}.kp-brand img{width:30px;height:30px}.kp-currency button{padding:4px}.kp-public-main .kp-header-actions{gap:8px}.kp-whatsapp{right:12px;bottom:14px}}

@media(min-width:1101px){.kp-editor-grid .kp-form{max-height:850px;overflow-y:auto;scrollbar-width:thin}.kp-preview-wrap{position:sticky;top:100px}}@media print{.kp-preview-wrap{position:static!important}}

/* --- v2: centered logo + pastel leaderboard --- */
.kp-header-inner{position:relative;justify-content:flex-start}
.kp-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:21px;gap:9px;letter-spacing:-.6px;z-index:1}
.kp-brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 6px 16px #7c3aed33}
.kp-drawer-logout{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--kp-line)}
.kp-drawer-logout button{width:100%;background:transparent;border:0;text-align:left;cursor:pointer}
.kp-leaderboard-row{border-bottom:0;border-radius:18px;padding:11px 14px;margin-top:10px;background:#f2f1fc}
.kp-leaderboard-heading~.kp-leaderboard-row:nth-of-type(6n+2){background:#eaf6f1}
.kp-leaderboard-heading~.kp-leaderboard-row:nth-of-type(6n+3){background:#fdf0e7}
.kp-leaderboard-heading~.kp-leaderboard-row:nth-of-type(6n+4){background:#eaf2fc}
.kp-leaderboard-heading~.kp-leaderboard-row:nth-of-type(6n+5){background:#fcecf2}
.kp-leaderboard-heading~.kp-leaderboard-row:nth-of-type(6n+6){background:#faf5dc}
.kp-leaderboard-row .kp-rank{background:#ffffffcc}
.kp-leaderboard-row .kp-badge{background:#ffffffaa}
.kp-leaderboard .kp-muted{margin:4px 14px 0}
@media(max-width:700px){.kp-header-actions>form{display:none}.kp-brand{font-size:18px;gap:7px}.kp-brand img{width:32px;height:32px;border-radius:10px}.kp-currency button{padding:4px 5px;font-size:9px}.kp-currency{gap:2px;padding:3px}}
@media(max-width:520px){.kp-header-actions>a:not(.kp-button){display:none}.kp-brand{font-size:16px;gap:6px}.kp-brand img{width:28px;height:28px;border-radius:9px}}
@media(max-width:340px){.kp-brand span{font-size:14px}.kp-brand img{width:24px;height:24px}}

/* --- v3: colourful menu icons + small polish --- */
.kp-nav-item{padding:8px 10px;gap:12px;font-size:13px;font-weight:600;border-radius:14px}
.kp-nav-item i{display:grid!important;place-items:center;width:34px!important;height:34px;border-radius:11px;font-size:15px!important;transition:transform .18s}
.kp-nav-item:hover i{transform:scale(1.08)}
.kp-nav-indigo i{background:#e9e8fb;color:#7c3aed!important}.kp-nav-violet i{background:#f1e8fb;color:#8b4fd8!important}
.kp-nav-teal i{background:#e2f5f1;color:#1d9a88!important}.kp-nav-coral i{background:#fdebe4;color:#e2663f!important}
.kp-nav-amber i{background:#fdf3d9;color:#d38b07!important}.kp-nav-green i{background:#e3f6e8;color:#27a24a!important}
.kp-nav-blue i{background:#e4effd;color:#2f7be0!important}.kp-nav-pink i{background:#fde7f0;color:#d63f7e!important}
.kp-nav-sky i{background:#e1f4fb;color:#1a9bc4!important}.kp-nav-wa i{background:#e0f7e9;color:#1fa855!important}
.kp-nav-slate i{background:#eceef4;color:#5b6377!important}
.kp-nav-item.is-active{background:linear-gradient(90deg,#eeedf9,#f7f6fe);box-shadow:inset 3px 0 0 var(--kp-primary)}
.kp-card{transition:transform .18s ease,box-shadow .18s ease}
a.kp-card:hover,.kp-feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4c1d9514}
.kp-header{box-shadow:0 1px 0 var(--kp-line),0 8px 24px #4c1d950a}
.kp-drawer-logout button.kp-nav-item{background:#fdeeee!important;color:#c0392b!important;border:0;width:100%;text-align:left}
.kp-drawer-logout button.kp-nav-item i{background:#fff;color:#d64545!important}
.kp-drawer-logout button.kp-nav-item:hover{background:#fbe0e0!important}

/* --- v4: Kamyab Way logo lockup + Daraz Mall menu item --- */
.kp-brand img{width:auto!important;height:40px!important;border-radius:0!important;box-shadow:none!important}
.kp-daraz-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff1e6;flex:0 0 34px}
.kp-daraz-icon img{width:22px;height:22px;object-fit:contain}
.kp-nav-daraz{font-weight:700}

/* --- v5: dashboard polish --- */
.kp-intro>.kp-card.lilac{background:linear-gradient(135deg,#7c3aed 0%,#7a74e6 100%)!important;border:0;color:#fff;box-shadow:0 18px 40px #7c3aed33;position:relative;overflow:hidden}
.kp-intro>.kp-card.lilac::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff1a}
.kp-intro>.kp-card.lilac .kp-eyebrow{color:#ffffffcc}
.kp-intro>.kp-card.lilac h1{color:#fff}
.kp-intro>.kp-card.lilac p{color:#ffffffd9}
.kp-intro>.kp-card.lilac .kp-button{background:#fff;color:#4743b0!important;border-color:#fff;box-shadow:0 8px 20px #2a266a33}
.kp-intro>.kp-card.lilac .kp-button.secondary{background:#ffffff26;color:#fff!important;border-color:#ffffff66;box-shadow:none}
.kp-metric{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:16px}
.kp-metric-ico{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#eceafb;color:#7c3aed;font-size:16px}
.kp-metric:nth-child(2) .kp-metric-ico{background:#d8f0e8;color:#1f9174}
.kp-metric:nth-child(3) .kp-metric-ico{background:#ffe3d0;color:#dc6b32}
.kp-metric:nth-child(4) .kp-metric-ico{background:#fff;color:#7c3aed;box-shadow:0 4px 12px #7c3aed22}
.kp-metric p{margin:0;font-size:11px}
.kp-metric strong{grid-column:2;font-size:18px;margin-top:2px}
.kp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kp-feature-card{display:flex!important;align-items:center;gap:14px;padding:16px 18px!important;border-radius:20px}
.kp-feature-card .kp-symbol{margin:0;width:48px;height:48px;border-radius:15px;font-size:20px;flex:0 0 48px}
.kp-feature-card:nth-child(1) .kp-symbol{background:#efe6fc;color:#8b4fd8}
.kp-feature-card:nth-child(2) .kp-symbol{background:#dff4ee;color:#1d9a88}
.kp-feature-card:nth-child(3) .kp-symbol{background:#fdf0d3;color:#d38b07}
.kp-feature-text{flex:1;min-width:0}
.kp-feature-card h3{font-size:16px;margin:0 0 2px}
.kp-chev{color:#b7b4cf;font-size:13px;transition:transform .18s,color .18s}
.kp-feature-card:hover .kp-chev{transform:translateX(3px);color:var(--kp-primary)}
.kp-leaderboard-heading{justify-content:flex-start;gap:10px}
.kp-leaderboard-heading .kp-badge{margin-left:auto}
.kp-lb-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fdf0d3;color:#d38b07}
.kp-invite{background:linear-gradient(135deg,#f3f2fe,#eef7f4)!important;gap:14px}
.kp-invite-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:#7c3aed;flex:0 0 44px;box-shadow:0 4px 12px #7c3aed1f}
.kp-invite-text{flex:1;min-width:0}
.kp-invite-text h3{margin:0 0 2px;font-size:16px}
.kp-invite-text p{margin:0;font-size:12px;color:var(--kp-muted)}
@media(max-width:700px){.kp-grid{grid-template-columns:1fr}.kp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-metric{grid-template-columns:1fr;row-gap:8px}.kp-metric-ico{grid-row:auto}.kp-metric strong{grid-column:1}.kp-invite{flex-wrap:wrap}.kp-invite .kp-button{width:100%}}

/* --- v6: package cards + compact spacing everywhere --- */
.kp-header-inner{height:62px}
.kp-brand img{height:clamp(22px,7.6vw,36px)!important;width:auto!important;max-width:none!important}
@media(max-width:340px){.kp-brand img{height:6.8vw!important}}
.kp-page-head{margin-bottom:14px;gap:12px}
.kp-title{font-size:24px;margin-bottom:4px}
.kp-subtitle{font-size:13px}
.kp-eyebrow{margin-bottom:8px}
.kp-card{padding:18px;border-radius:18px}
.kp-intro .kp-card{padding:20px}
.kp-intro{margin-bottom:16px;gap:14px}
.kp-intro h1{font-size:24px;margin:6px 0}
.kp-metrics{gap:10px;margin-bottom:16px}
.kp-grid{gap:12px}
.kp-leaderboard{margin-top:16px}
.kp-invite{margin-top:14px}
.kp-app-grid{margin:18px auto 32px;gap:20px}
.kp-public-main{padding:22px 20px}
.kp-footer{padding:14px 18px}
.kp-nav-item{padding:6px 9px;margin-bottom:2px}
.kp-nav-item i{width:30px!important;height:30px!important;font-size:14px!important}
.kp-daraz-icon{width:30px;height:30px;flex-basis:30px}
.kp-package{padding:0!important;display:flex;flex-direction:column;border:1px solid var(--pk-line,#ece4f8);background:#fff!important}
.kp-pk-top{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:var(--pk-bg,#f3ecff)}
.kp-pk-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--pk-fg,#7c3aed);font-size:19px;box-shadow:0 6px 14px var(--pk-sh,#7c3aed2b);flex:0 0 44px}
.kp-pk-name .kp-eyebrow{margin:0 0 2px;color:var(--pk-fg,#7c3aed)}
.kp-pk-name h2{font-size:18px;margin:0}
.kp-package .kp-package-price{margin:0;padding:12px 16px 2px;font-size:26px;color:var(--pk-fg,#7c3aed)}
.kp-pk-desc{margin:0;padding:0 16px;font-size:12px}
.kp-package .kp-package-count{margin:12px 16px;padding:10px 12px;border:0;background:var(--pk-bg,#f3ecff);border-radius:12px}
.kp-package .kp-package-count span{display:flex;align-items:center;gap:8px;color:var(--pk-fg,#7c3aed);font-weight:600}
.kp-package .kp-package-count strong{font-size:20px;color:var(--pk-fg,#7c3aed)}
.kp-package .kp-button.full{width:auto;margin:0 16px;background:var(--pk-fg,#7c3aed);border-color:var(--pk-fg,#7c3aed)}
.kp-package>a{margin:10px 0 14px;font-size:11px;color:var(--pk-fg,#7c3aed)}
.kp-pk-1{--pk-bg:#eceafb;--pk-fg:#7c3aed;--pk-line:#dcdaf5;--pk-sh:#7c3aed2b}
.kp-pk-2{--pk-bg:#dff4ee;--pk-fg:#17806f;--pk-line:#c7e9df;--pk-sh:#17806f2b}
.kp-pk-3{--pk-bg:#efe6fc;--pk-fg:#7d3fd0;--pk-line:#e1d1f7;--pk-sh:#7d3fd02b}
.kp-pk-4{--pk-bg:#fdf0d3;--pk-fg:#b97a04;--pk-line:#f6e0ab;--pk-sh:#b97a042b}
.kp-pk-5{--pk-bg:#ffe3d6;--pk-fg:#d2552b;--pk-line:#f9cdb8;--pk-sh:#d2552b2b}
.kp-package:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--pk-sh,#7c3aed2b)}
@media(max-width:700px){.kp-header-inner{height:56px}.kp-card{padding:16px}.kp-public-main{padding:16px 14px}.kp-title{font-size:22px}.kp-package .kp-package-price{padding-top:10px;font-size:23px}.kp-pk-top{padding:12px 14px 10px}.kp-package .kp-package-count{margin:10px 14px}.kp-package .kp-button.full{margin:0 14px}}

/* --- v7: unified whatsapp icon (same image everywhere) --- */
.kp-whatsapp{right:16px!important;bottom:16px!important;width:46px!important;height:46px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;display:block!important;z-index:9999}
.kp-whatsapp img{display:block;width:46px;height:46px}

/* --- v8: smaller, tidier type scale --- */
body{font-size:13.5px;line-height:1.5}
.kp-title{font-size:20px}
.kp-subtitle{font-size:12.5px}
.kp-eyebrow{font-size:9.5px;letter-spacing:1.5px}
.kp-intro h1{font-size:20px}
.kp-intro p{font-size:12.5px}
.kp-card h2{font-size:16px}
.kp-card h3,.kp-feature-card h3,.kp-invite-text h3{font-size:14.5px}
.kp-feature-card p,.kp-muted{font-size:11.5px}
.kp-metric strong{font-size:16px}
.kp-package-price,.kp-package .kp-package-price{font-size:22px}
.kp-package-count strong{font-size:18px}
.kp-auth-art h1{font-size:30px;line-height:1.15;margin:10px 0 12px}
.kp-auth-art p{font-size:13px}
.kp-landing h1{font-size:clamp(26px,3.2vw,40px);letter-spacing:-1px;margin:12px 0 16px}
.kp-landing-hero p{font-size:13.5px;margin-bottom:18px}
.kp-form label{font-size:11px}
.kp-form input:not([type=checkbox]):not([type=hidden]),.kp-form select{padding:9px 11px;font-size:13px}
.kp-button{padding:10px 16px;font-size:12.5px}
body .page-content h1{font-size:20px!important}
body .page-content h2{font-size:17px!important}
body .page-content h3{font-size:15px!important}
body .page-content h4,body .page-content h5{font-size:14.5px!important}
body .page-content p,body .page-content li,body .page-content td,body .page-content th{font-size:12.5px}
@media(max-width:700px){
 .kp-auth-art h1{font-size:23px;margin:8px 0 8px}
 .kp-auth-art p{font-size:12.5px}
 .kp-landing h1{font-size:25px;letter-spacing:-.6px}
 .kp-landing-hero p{font-size:13px}
 .kp-title{font-size:19px}
 .kp-card h2{font-size:15px}
 .pf-id h1{font-size:17px}
}
.kp-auth .kp-card h2,.kp-auth .kp-card h1{font-size:19px!important;margin-bottom:10px}
.kp-auth-art h1{font-size:23px!important}
.kp-auth .kp-card{padding:18px}
.kp-form{gap:10px}
.kp-form input:not([type=checkbox]):not([type=hidden]),.kp-form select{padding:9px 11px!important}

/* --- v9: logo nudged slightly to the left --- */
.kp-brand{left:calc(50% - 18px)}
.kp-button:not(.secondary):not(.teal),.kp-studio button[type=submit]{background:linear-gradient(135deg,#7c3aed,#c026d3)!important;border-color:transparent!important}
.kp-brand img{height:auto}
@media(min-width:992px){.row>.kp-sidebar.col-lg-3{width:25%!important;flex:0 0 auto}.row>.col-lg-9{flex:0 0 auto;width:75%}}
.kp-studio .kp-drawer-logout button[type=submit].kp-nav-item{background:#fdeeee!important;color:#c0392b!important;border:0!important}
.kp-studio .kp-drawer-logout button[type=submit].kp-nav-item span{color:#c0392b!important;font-weight:700}
.kp-studio .kp-drawer-logout button[type=submit].kp-nav-item:hover{background:#fbe0e0!important}
.kp-header-actions>a:not(.kp-button){display:inline-flex!important;align-items:center;font-size:13px;font-weight:650;padding:6px 4px;white-space:nowrap}
@media(max-width:600px){.kp-header-inner{justify-content:space-between}.kp-header-actions{gap:10px}.kp-header-actions>a.kp-button.small{padding:8px 12px;font-size:12px}}