/*! AYOCPNS — Halaman Komunitas (/komunitas).
 *  Semua selector di-scope ke `.kmn-page` supaya tidak bocor ke halaman lain.
 *  Navbar, footer, dan floating WhatsApp memakai class `wl-*` dari welcome.css. */.kmn-page{--kmn-primary: #00a8e8;--kmn-secondary: #008aee;--kmn-ink: #0f172a;--kmn-muted: #64748b;--kmn-soft: #f4f8fb;--kmn-card: #ffffff;--kmn-border: rgba(15, 23, 42, .08);--kmn-tl-line: rgba(15, 23, 42, .18);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;color:var(--kmn-ink);background:#fff}.kmn-page *,.kmn-page *:before,.kmn-page *:after{box-sizing:border-box}.kmn-main{overflow:hidden}.kmn-page .kmn-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}.kmn-page .kmn-reveal.is-in{opacity:1;transform:none}.kmn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.62rem,.42rem + .55vw,.85rem) clamp(.95rem,.35rem + 1.6vw,1.6rem);border-radius:.8rem;font-weight:700;font-size:clamp(.82rem,.72rem + .28vw,.95rem);line-height:1;border:0;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;white-space:nowrap;max-width:100%}.kmn-btn-lg{padding:clamp(.72rem,.42rem + .8vw,1.05rem) clamp(1.1rem,.4rem + 2vw,2rem);font-size:clamp(.85rem,.72rem + .36vw,1.02rem);border-radius:.9rem}.kmn-btn-icon svg{width:1.15em;height:1.15em}.kmn-btn-primary{color:#fff;background:linear-gradient(135deg,var(--kmn-primary),var(--kmn-secondary));box-shadow:0 12px 28px -12px #008aeeb3}.kmn-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px #008aeecc}.kmn-btn-ghost{color:var(--kmn-secondary);background:#00a8e814}.kmn-btn-ghost:hover{background:#00a8e824;transform:translateY(-2px)}.kmn-btn-outline{color:var(--kmn-secondary);background:#fff;border:1.5px solid rgba(0,138,238,.4)}.kmn-btn-outline:hover{background:#00a8e80f}.kmn-btn[disabled],.kmn-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none;filter:grayscale(.2)}.kmn-hero{position:relative;isolation:isolate;padding:8.5rem 1rem 4rem;overflow:hidden}.kmn-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,rgba(0,168,232,.08),transparent 34%),linear-gradient(245deg,rgba(19,188,138,.09),transparent 36%),linear-gradient(180deg,#f8fdff,#fff 72%,#f3fbff)}.kmn-hero-bg:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-image:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95) 0 20%,rgba(255,255,255,.72) 35%,transparent 58%),linear-gradient(rgba(0,168,232,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,232,.075) 1px,transparent 1px),linear-gradient(rgba(0,168,232,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,232,.12) 1px,transparent 1px);background-position:center top;background-size:100% 100%,44px 44px,44px 44px,176px 176px,176px 176px;opacity:.86}.kmn-hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.kmn-badge{display:inline-flex;align-items:center;gap:.6rem;min-height:40px;padding:5px 16px 5px 6px;border:1px solid rgba(0,168,232,.16);border-radius:999px;background:#ffffffc7;color:#0f172a;font-size:.78rem;font-weight:800;box-shadow:0 18px 48px #0284c71a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.kmn-badge-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#33b1f0,#1c8adb);color:#fff;flex-shrink:0;box-shadow:0 8px 18px #0284c738}.kmn-badge-txt strong{color:#0075b7;font-weight:950}.kmn-hero-title{margin:1.25rem 0 0;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}.kmn-hero-accent{position:relative;background:linear-gradient(120deg,var(--kmn-primary),var(--kmn-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.kmn-hero-text{margin-top:1.1rem;max-width:32rem;font-size:1.05rem;line-height:1.6;color:var(--kmn-muted)}.kmn-hero-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}.kmn-trust{margin:1.3rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.kmn-trust li{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;font-weight:600;color:var(--kmn-ink)}.kmn-trust svg{color:#10b981;flex-shrink:0}.kmn-hero-note{margin-top:.9rem;font-size:.85rem;color:#d97706;font-weight:600}.kmn-hero-visual{display:flex;justify-content:center;padding:.5rem 0 1rem}.kmn-stage{position:relative;width:100%;max-width:360px}.kmn-phone{position:relative;width:100%;background:var(--kmn-card);border:1px solid var(--kmn-border);border-radius:1.5rem;box-shadow:0 34px 70px -34px #0f172a73;overflow:hidden;z-index:2}.kmn-pinned{position:relative;display:flex;align-items:center;gap:.55rem;padding:.6rem .9rem .6rem 1rem;background:var(--kmn-card);border-bottom:1px solid var(--kmn-border)}.kmn-pinned-accent{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:3px;height:62%;border-radius:999px;background:var(--kmn-secondary)}.kmn-pinned-pin{color:var(--kmn-secondary);flex-shrink:0}.kmn-pinned-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}.kmn-pinned-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--kmn-secondary)}.kmn-pinned-file{font-size:.78rem;font-weight:600;color:var(--kmn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmn-phone-head{display:flex;align-items:center;gap:.65rem;padding:.9rem 1rem;background:linear-gradient(135deg,#2aa8e8,#1c8adb);color:#fff}.kmn-chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#ffffff38;color:#fff;flex-shrink:0}.kmn-chat-name{font-size:.88rem;font-weight:700}.kmn-chat-sub{display:flex;align-items:center;gap:.35rem;font-size:.72rem;opacity:.9}.kmn-online-dot{width:7px;height:7px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 2px #4ade8059}.kmn-phone-body{padding:1rem;background:linear-gradient(180deg,#eef4f8,#f6fafc);display:flex;flex-direction:column;gap:.55rem;height:21rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.22) transparent}.kmn-phone-body>:first-child{margin-top:auto}.kmn-phone-body::-webkit-scrollbar{width:5px}.kmn-phone-body::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}.kmn-phone-body::-webkit-scrollbar-track{background:transparent}.kmn-day-sep{text-align:center;margin:.1rem 0 .3rem}.kmn-day-sep span{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:#0f172a14;color:#475569;font-size:.68rem;font-weight:600}.kmn-bubble{position:relative;font-size:.82rem;line-height:1.45;padding:.55rem .75rem;border-radius:.9rem;max-width:85%;box-shadow:0 2px 6px -3px #0f172a33}.kmn-bubble-in{background:#fff;color:#334155;border-bottom-left-radius:.25rem;align-self:flex-start}.kmn-bubble-out{background:linear-gradient(135deg,var(--kmn-primary),var(--kmn-secondary));color:#fff;align-self:flex-end;border-bottom-right-radius:.25rem}.kmn-bubble-author{display:block;font-size:.68rem;font-weight:700;color:var(--kmn-secondary);margin-bottom:.15rem}.kmn-author-2{color:#e0724a}.kmn-author-3{color:#7c5cd6}.kmn-reacts{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.kmn-reacts b{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;border-radius:999px;background:#0284c71a;color:var(--kmn-secondary);font-size:.66rem;font-weight:700}.kmn-bubble-file{max-width:92%}.kmn-file{display:flex;align-items:center;gap:.6rem;margin-top:.15rem}.kmn-file-ic{width:2.4rem;height:2.4rem;border-radius:.6rem;object-fit:cover;flex-shrink:0}.kmn-file-meta{display:flex;flex-direction:column;min-width:0}.kmn-file-meta b{font-size:.78rem;font-weight:700;color:var(--kmn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmn-file-meta small{font-size:.68rem;color:var(--kmn-muted)}.kmn-pin-tag{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.64rem;font-weight:700;color:var(--kmn-secondary)}.kmn-bubble-sticker{background:transparent;box-shadow:none;padding:.1rem 0;max-width:100%}.kmn-sticker-img{display:block;width:6.5rem;height:auto;margin-top:.1rem;animation:kmn-sticker-bob 2.8s ease-in-out infinite}@keyframes kmn-sticker-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.kmn-typing{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .7rem;border-radius:.9rem .9rem .9rem .25rem;background:#fff;font-size:.72rem;color:var(--kmn-muted);box-shadow:0 2px 6px -3px #0f172a33}.kmn-typing-dots{display:inline-flex;gap:3px}.kmn-typing-dots i{width:5px;height:5px;border-radius:999px;background:#94a3b8;animation:kmn-typing 1.2s infinite ease-in-out}.kmn-typing-dots i:nth-child(2){animation-delay:.15s}.kmn-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes kmn-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.kmn-chat--anim [data-kmn-msg]{display:none}.kmn-chat--anim [data-kmn-msg].is-in{display:block;animation:kmn-msg-pop .42s cubic-bezier(.22,.9,.3,1.35) both}.kmn-chat--anim .kmn-bubble-in.is-in{transform-origin:bottom left}.kmn-chat--anim .kmn-bubble-out.is-in{transform-origin:bottom right}@keyframes kmn-msg-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}.kmn-chat--anim .kmn-typing{opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.kmn-chat--anim .kmn-typing.is-on{opacity:1;transform:none}.kmn-chat--anim [data-kmn-reacts]{display:none}.kmn-chat--anim [data-kmn-reacts].is-in{display:flex}.kmn-chat--anim [data-kmn-reacts].is-in b{animation:kmn-react-pop .4s cubic-bezier(.22,.9,.3,1.5) both}.kmn-chat--anim [data-kmn-reacts].is-in b:nth-child(2){animation-delay:.12s}.kmn-chat--anim [data-kmn-reacts].is-in b:nth-child(3){animation-delay:.24s}@keyframes kmn-react-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}to{opacity:1;transform:none}}.kmn-pinned--anim{display:none}.kmn-pinned--anim.is-in{display:flex;animation:kmn-pinned-drop .5s cubic-bezier(.22,.9,.3,1.2) both}.kmn-pinned--anim.is-in .kmn-pinned-pin{animation:kmn-pin-pulse .9s .15s ease both}@keyframes kmn-pinned-drop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes kmn-pin-pulse{0%,to{transform:none}35%{transform:translateY(-2px) scale(1.25)}}.kmn-hero-cap{position:relative;margin:1.1rem auto 0;width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;background:var(--kmn-card);border:1px solid var(--kmn-border);box-shadow:0 14px 30px -16px #0284c759;font-size:.82rem;color:var(--kmn-ink)}.kmn-hero-cap:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:11px;height:11px;background:var(--kmn-card);border-left:1px solid var(--kmn-border);border-top:1px solid var(--kmn-border)}.kmn-hero-cap-ic{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:.5rem;background:#00a8e81f;color:var(--kmn-secondary);flex-shrink:0}.kmn-hero-cap-txt b{font-weight:800;color:var(--kmn-secondary)}.kmn-section{padding:4.5rem 0}.kmn-section--soft{background:var(--kmn-soft)}.kmn-section-head{text-align:center;max-width:42rem;margin:0 auto 3rem}.kmn-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--kmn-secondary);margin-bottom:.6rem}.kmn-section-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}.kmn-section-sub{margin-top:.85rem;font-size:1rem;line-height:1.6;color:var(--kmn-muted)}.kmn-timeline{list-style:none;margin:0;padding:0;display:flex}.kmn-tl-item{flex:1;min-width:0;padding:0 .4rem;display:flex;flex-direction:column;align-items:center}.kmn-tl-card{width:100%;max-width:176px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1.2rem;transition:transform .25s ease}.kmn-tl-item:hover .kmn-tl-card{transform:translateY(-4px)}.kmn-tl-act{font-size:.82rem;font-weight:700;color:var(--kmn-ink);white-space:nowrap;text-align:center}.kmn-tl-viz{display:flex;align-items:center;justify-content:center;width:100%}.kmn-mini{position:relative;width:100%;display:flex;flex-direction:column}.kmn-doc{gap:5px;padding:9px 10px;background:var(--kmn-card);border:1px solid var(--kmn-border);border-radius:6px;box-shadow:0 5px 12px -7px #0f172a66}.kmn-doc-bar{display:flex;align-items:center;gap:5px;margin-bottom:2px}.kmn-doc-tag{font-size:7px;font-weight:900;letter-spacing:.06em;color:var(--kmn-card);background:var(--kmn-ink);padding:1px 4px;border-radius:3px}.kmn-doc-ttl{flex:1;height:5px;border-radius:999px;background:#cbd5e1}.kmn-doc-h{height:5px;width:62%;border-radius:999px;background:var(--kmn-ink);transform:scaleX(0);transform-origin:left;animation:kmn-write 3.8s ease-in-out infinite}.kmn-doc-line{height:3.5px;border-radius:999px;background:#d5dbe3;transform:scaleX(0);transform-origin:left;animation:kmn-write 3.8s ease-in-out infinite}.kmn-doc-line--1{width:100%;animation-delay:.15s}.kmn-doc-line--2{width:92%;animation-delay:.3s}.kmn-doc-line--3{width:76%;animation-delay:.45s}.kmn-doc-callout{margin-top:3px;flex:1;min-height:12px;border-radius:4px;background:var(--kmn-soft);border:1px dashed var(--kmn-border)}@keyframes kmn-write{0%{transform:scaleX(0)}20%,84%{transform:scaleX(1)}to{transform:scaleX(0)}}.kmn-doc-badge{position:absolute;top:2px;right:2px;padding:1px 5px;border-radius:999px;background:var(--kmn-ink);color:var(--kmn-card);font-size:6px;font-weight:900;letter-spacing:.05em;animation:kmn-badge-pop 3.8s ease-in-out infinite}@keyframes kmn-badge-pop{0%,58%{transform:scale(0);opacity:0}68%,92%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.kmn-pll{gap:7px;justify-content:center;padding:10px 11px;background:var(--kmn-card);border:1px solid var(--kmn-border);border-radius:13px 13px 13px 3px;box-shadow:0 8px 20px -12px #0f172a66}.kmn-pll-head{display:flex;align-items:center;gap:5px}.kmn-pll-q{flex:1;height:5px;border-radius:999px;background:#cbd5e1}.kmn-pll-dot{width:8px;height:8px;border-radius:999px;border:1.5px solid var(--kmn-muted);flex-shrink:0}.kmn-pll-opt{position:relative;height:13px;border-radius:4px;background:#e7ebf0;overflow:hidden}.kmn-pll-opt i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:#c5cdd8;animation:kmn-fill 3.8s cubic-bezier(.25,1,.5,1) infinite}.kmn-pll-opt--win i{background:var(--kmn-ink);--kmn-w: 74%}.kmn-pll-opt--mid i{--kmn-w: 42%}.kmn-pll-opt--low i{--kmn-w: 18%}@keyframes kmn-fill{0%{width:0}48%,to{width:var(--kmn-w)}}.kmn-pll-opt--win:after{content:"";position:absolute;right:5px;top:50%;width:6px;height:3px;border-left:2px solid var(--kmn-card);border-bottom:2px solid var(--kmn-card);transform:translateY(-75%) rotate(-45deg) scale(0);animation:kmn-check 3.8s ease-in-out infinite;z-index:1}@keyframes kmn-check{0%,55%{transform:translateY(-75%) rotate(-45deg) scale(0)}66%,94%{transform:translateY(-75%) rotate(-45deg) scale(1)}to{transform:translateY(-75%) rotate(-45deg) scale(0)}}.kmn-disc{position:relative;gap:6px;justify-content:center;padding:15px 9px 9px;background:var(--kmn-soft);border:1px solid var(--kmn-border);border-radius:13px;box-shadow:0 8px 20px -12px #0f172a66}.kmn-disc:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:999px;background:var(--kmn-border)}.kmn-disc-msg{display:flex;align-items:center;gap:5px;transform-origin:left;animation:kmn-bub-in 4.2s ease-in-out infinite}.kmn-disc-msg b{display:block;height:13px;border-radius:7px}.kmn-disc-av{width:14px;height:14px;border-radius:999px;background:#cbd5e1;flex-shrink:0}.kmn-disc-msg--in b{width:62%;background:var(--kmn-card);border:1px solid var(--kmn-border);border-bottom-left-radius:2px}.kmn-disc-msg--out{justify-content:flex-end;transform-origin:right;animation-name:kmn-bub-out;animation-delay:.4s}.kmn-disc-msg--out b{width:66%;background:var(--kmn-ink);border-bottom-right-radius:2px}@keyframes kmn-bub-in{0%{transform:scale(.5);opacity:0}14%,to{transform:scale(1);opacity:1}}@keyframes kmn-bub-out{0%,9%{transform:scale(.5);opacity:0}22%,to{transform:scale(1);opacity:1}}.kmn-disc-type{align-self:flex-start;display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:7px 7px 7px 2px;background:var(--kmn-card);border:1px solid var(--kmn-border)}.kmn-disc-type i{width:3.5px;height:3.5px;border-radius:999px;background:var(--kmn-muted);animation:kmn-dot 1.1s ease-in-out infinite}.kmn-disc-type i:nth-child(2){animation-delay:.15s}.kmn-disc-type i:nth-child(3){animation-delay:.3s}@keyframes kmn-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2.5px)}}.kmn-mcq{position:relative;gap:5px;justify-content:center;padding:11px 10px 10px;background:var(--kmn-card);border:1px solid var(--kmn-border);border-radius:10px;box-shadow:0 8px 20px -12px #0f172a66}.kmn-mcq:before{content:"";position:absolute;top:0;left:12px;width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--kmn-ink)}.kmn-mcq-q{height:5px;width:76%;border-radius:999px;background:#cbd5e1;margin-bottom:1px}.kmn-mcq-opt{display:flex;align-items:center;gap:5px}.kmn-mcq-opt i{position:relative;width:9px;height:9px;border-radius:999px;border:1.5px solid var(--kmn-muted);flex-shrink:0}.kmn-mcq-opt b{display:block;flex:1;height:5px;border-radius:999px;background:#dfe4ea}.kmn-mcq-opt--on i{border-color:var(--kmn-ink)}.kmn-mcq-opt--on i:after{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:999px;background:var(--kmn-ink);transform:scale(0);animation:kmn-radio 3.6s ease-in-out infinite}.kmn-mcq-opt--on b{background:#c2cbd6;transform-origin:left;animation:kmn-mcq-hl 3.6s ease-in-out infinite}@keyframes kmn-radio{0%,52%{transform:scale(0)}62%,92%{transform:scale(1)}to{transform:scale(0)}}@keyframes kmn-mcq-hl{0%,52%{background:#dfe4ea}62%,92%{background:var(--kmn-ink)}to{background:#dfe4ea}}.kmn-solve{gap:5px;justify-content:center;padding:10px 11px 10px 12px;background:var(--kmn-card);border:1px solid var(--kmn-border);border-left:3px solid var(--kmn-ink);border-radius:4px 9px 9px 4px;box-shadow:0 8px 20px -12px #0f172a66}.kmn-solve-ans{display:flex;align-items:center;gap:6px;padding:4px 6px;margin-bottom:2px;border-radius:5px;background:color-mix(in srgb,var(--kmn-ink) 8%,var(--kmn-card));border:1px solid var(--kmn-border);transform-origin:left;animation:kmn-bub-in 3.8s ease-in-out infinite}.kmn-solve-check{position:relative;width:12px;height:12px;border-radius:999px;background:var(--kmn-ink);flex-shrink:0}.kmn-solve-check:after{content:"";position:absolute;left:3.5px;top:3.5px;width:4px;height:2px;border-left:1.5px solid var(--kmn-card);border-bottom:1.5px solid var(--kmn-card);transform:rotate(-45deg)}.kmn-solve-ans b{display:block;flex:1;height:5px;border-radius:999px;background:var(--kmn-ink)}.kmn-solve-exp{height:3.5px;border-radius:999px;background:#d5dbe3;transform:scaleX(0);transform-origin:left;animation:kmn-write 3.8s ease-in-out infinite}.kmn-solve-exp--1{width:100%;animation-delay:.3s}.kmn-solve-exp--2{width:88%;animation-delay:.45s}.kmn-solve-exp--3{width:70%;animation-delay:.6s}.kmn-tl-marker{position:relative;width:100%;height:16px;display:flex;align-items:center;justify-content:center}.kmn-tl-marker:before{content:"";position:absolute;top:50%;left:0;width:100%;height:9px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--kmn-tl-line) 0 1.5px,transparent 1.5px 13px)}.kmn-tl-dot{position:relative;z-index:1;width:2px;height:16px;border-radius:1px;background:var(--kmn-ink)}.kmn-tl-day{margin-top:.55rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--kmn-muted);text-align:center}.kmn-topics{max-width:480px;margin:0 auto;background:var(--kmn-card);border:1px solid var(--kmn-border);border-radius:1.4rem;overflow:hidden;box-shadow:0 34px 70px -38px #0f172a73}.kmn-topics-head{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;background:linear-gradient(135deg,#2aa8e8,#1c8adb);color:#fff}.kmn-topics-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffffff38;flex-shrink:0}.kmn-topics-head-txt{flex:1;min-width:0}.kmn-topics-name{font-size:.95rem;font-weight:800}.kmn-topics-sub{font-size:.75rem;opacity:.9}.kmn-topics-icon{opacity:.85;flex-shrink:0}.kmn-topics-list{list-style:none;margin:0;padding:.4rem .5rem}.kmn-topic{position:relative;display:flex;align-items:center;gap:.8rem;padding:.75rem .7rem;border-radius:.9rem;transition:background .2s ease}.kmn-topic+.kmn-topic{border-top:1px solid var(--kmn-border)}.kmn-topic:hover{background:var(--kmn-soft)}.kmn-topic-ic{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:.85rem;background:var(--kmn-soft);border:1px solid var(--kmn-border);font-size:1.3rem;line-height:1;flex-shrink:0}.kmn-topic-body{flex:1;min-width:0}.kmn-topic-row{display:flex;align-items:center;gap:.5rem}.kmn-topic-row+.kmn-topic-row{margin-top:.15rem}.kmn-topic-title{flex:1;min-width:0;font-size:.92rem;font-weight:700;color:var(--kmn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmn-topic-time{font-size:.7rem;color:var(--kmn-muted);flex-shrink:0}.kmn-topic-preview{flex:1;min-width:0;font-size:.8rem;color:var(--kmn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kmn-topic-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#40b3f4;color:#fff;font-size:.68rem;font-weight:800;flex-shrink:0}.kmn-topic-flag{display:inline-block;margin-top:.45rem;padding:.2rem .55rem;border-radius:999px;background:var(--kmn-ink);color:var(--kmn-card);font-size:.62rem;font-weight:800;letter-spacing:.02em}.kmn-topic--hl{background:var(--kmn-soft)}.kmn-topic--hl:before{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:3px;border-radius:999px;background:var(--kmn-ink)}.kmn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.kmn-step{position:relative;text-align:center;padding:0 .5rem}.kmn-step-line{position:absolute;top:1.75rem;left:calc(50% + 2.5rem);right:calc(-50% + 2.5rem);height:2px;background:repeating-linear-gradient(90deg,rgba(0,168,232,.4) 0 8px,transparent 8px 16px)}.kmn-step:last-child .kmn-step-line{display:none}.kmn-step-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:1.1rem;background:linear-gradient(135deg,var(--kmn-primary),var(--kmn-secondary));color:#fff;box-shadow:0 16px 30px -14px #008aeeb3}.kmn-step-icon svg{width:1.6rem;height:1.6rem}.kmn-step-num{display:block;margin-top:.9rem;font-size:.75rem;font-weight:800;color:var(--kmn-secondary);text-transform:uppercase;letter-spacing:.06em}.kmn-step-title{margin-top:.25rem;font-size:1.05rem;font-weight:700}.kmn-step-desc{margin-top:.4rem;font-size:.88rem;line-height:1.55;color:var(--kmn-muted)}.kmn-steps-cta{margin-top:3rem;text-align:center}.kmn-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem}.kmn-modal[hidden]{display:none}.kmn-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.kmn-modal-card{position:relative;width:100%;max-width:26rem;background:#fff;border-radius:1.5rem;padding:2rem 1.75rem;text-align:center;box-shadow:0 40px 80px -30px #0f172a99;animation:kmn-modal-in .25s ease}@keyframes kmn-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.kmn-modal-x{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:#f1f5f9;color:#64748b;border:0;cursor:pointer;transition:background .2s ease}.kmn-modal-x:hover{background:#e2e8f0}.kmn-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:999px;background:#00a8e81f;color:var(--kmn-secondary);margin-bottom:1rem}.kmn-modal-title{font-size:1.25rem;font-weight:800}.kmn-modal-text{margin-top:.6rem;font-size:.9rem;line-height:1.55;color:var(--kmn-muted)}.kmn-modal-actions{margin-top:1.5rem;display:flex;gap:.75rem}.kmn-modal-actions .kmn-btn{flex:1}.dark .kmn-page{--kmn-ink: #f1f5f9;--kmn-muted: #94a3b8;--kmn-soft: #0b1220;--kmn-card: #111827;--kmn-border: rgba(255, 255, 255, .08);--kmn-tl-line: rgba(255, 255, 255, .16);background:#0b1220}.dark .kmn-hero-bg{background:radial-gradient(circle at 15% 15%,rgba(0,168,232,.18),transparent 42%),radial-gradient(circle at 88% 8%,rgba(99,102,241,.18),transparent 40%),linear-gradient(180deg,#0b1220,#0b1220)}.dark .kmn-phone-body{background:#0f172a}.dark .kmn-bubble-in{background:#1f2937;color:#cbd5e1}.dark .kmn-author-2{color:#f4a07a}.dark .kmn-author-3{color:#b39cf5}.dark .kmn-phone-body{scrollbar-color:rgba(148,163,184,.35) transparent}.dark .kmn-phone-body::-webkit-scrollbar-thumb{background:#94a3b859}.dark .kmn-reacts b{background:#38bdf829;color:#7dd3fc}.dark .kmn-hero-bg:after{opacity:.3}.dark .kmn-badge{background:#111827bf;border-color:#ffffff1a;color:#e2e8f0}.dark .kmn-badge-txt strong{color:#7dd3fc}.dark .kmn-pinned,.dark .kmn-typing{background:#1f2937}.dark .kmn-typing{color:#94a3b8}.dark .kmn-pinned-file,.dark .kmn-file-meta b{color:#e2e8f0}.dark .kmn-modal-card{background:#111827}.dark .kmn-modal-x{background:#1f2937;color:#cbd5e1}@media (max-width: 1024px){.kmn-tl-item{padding:0 .3rem}.kmn-tl-card{min-height:118px;gap:.6rem}.kmn-tl-act{font-size:.76rem}}@media (max-width: 900px){.kmn-hero-wrap{grid-template-columns:1fr;gap:2.5rem}.kmn-hero{padding-top:7rem}.kmn-stage{max-width:360px;margin:0 auto}}@media (max-width: 767px){.kmn-section{padding:3.25rem 0}.kmn-steps{grid-template-columns:1fr;gap:2rem}.kmn-step-line{display:none}.kmn-hero-title{font-size:clamp(1.9rem,8vw,2.6rem)}.kmn-trust{gap:.4rem 1rem}.kmn-trust li{font-size:.82rem}.kmn-timeline{flex-direction:column;gap:.6rem}.kmn-tl-item{flex-direction:row;align-items:center;gap:.9rem;padding:0}.kmn-tl-marker{display:none}.kmn-tl-day{order:-1;width:62px;flex-shrink:0;margin:0;text-align:left}.kmn-tl-card{margin:0;flex:1;max-width:none;min-height:0;align-items:flex-start;justify-content:center}.kmn-tl-viz{max-width:200px}.kmn-tl-act{text-align:left}}@media (max-width: 480px){.kmn-hero{padding-left:1.1rem;padding-right:1.1rem}.kmn-stage{max-width:320px}.kmn-phone-body{height:18rem}}@media (max-width: 400px){.kmn-modal-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){.kmn-page .kmn-reveal{opacity:1;transform:none;transition:none}.kmn-chat--anim{justify-content:flex-start}.kmn-chat--anim [data-kmn-msg],.kmn-chat--anim [data-kmn-msg].is-in{display:block;animation:none}.kmn-chat--anim .kmn-typing{opacity:1;transform:none}.kmn-chat--anim [data-kmn-reacts],.kmn-chat--anim [data-kmn-reacts].is-in{display:flex}.kmn-chat--anim [data-kmn-reacts].is-in b{animation:none}.kmn-pinned--anim,.kmn-pinned--anim.is-in{display:flex;animation:none}.kmn-pinned--anim.is-in .kmn-pinned-pin{animation:none}.kmn-sticker-img{animation:none;transform:none}.kmn-typing-dots i,.kmn-doc-h,.kmn-doc-line,.kmn-doc-badge,.kmn-pll-opt i,.kmn-pll-opt--win:after,.kmn-disc-msg,.kmn-disc-type i,.kmn-mcq-opt--on i:after,.kmn-mcq-opt--on b,.kmn-solve-ans,.kmn-solve-exp{animation:none}.kmn-doc-h,.kmn-doc-line,.kmn-solve-exp{transform:scaleX(1)}.kmn-pll-opt i{width:var(--kmn-w, 50%)}.kmn-pll-opt--win:after{transform:translateY(-75%) rotate(-45deg) scale(1)}.kmn-disc-msg{transform:none;opacity:1}.kmn-doc-badge{transform:scale(1);opacity:1}.kmn-mcq-opt--on i:after{transform:scale(1)}.kmn-mcq-opt--on b{background:var(--kmn-ink)}.kmn-solve-ans{transform:none;opacity:1}}