@layer components{.mk{--db-primary-50:#eeebff;--db-primary-100:#ddd6ff;--db-primary-200:#bfb3ff;--db-primary-300:#9c8aff;--db-primary-400:#7357f5;--db-primary-500:#4b2ee0;--db-primary-600:#1800ad;--db-primary-700:#14008c;--db-primary-800:#10006b;--db-neutral-0:#fff;--db-neutral-25:#fafafd;--db-neutral-50:#f5f5fa;--db-neutral-100:#ececf4;--db-neutral-200:#dedeea;--db-neutral-300:#c5c5d6;--db-neutral-400:#9d9db2;--db-neutral-500:#74748b;--db-neutral-600:#54546b;--db-neutral-700:#3c3c52;--db-neutral-800:#25253b;--db-neutral-900:#15152b;--db-neutral-950:#0c0c1e;--db-flow-100:#d6f0f3;--db-flow-600:#00a3b4;--db-flow-700:#007a87;--db-success-600:#0e8a5f;--db-success-100:#d9f2e7;--db-danger-600:#d92d20;--db-danger-100:#fbe1de;--db-chart-grid:#ececf4;--mk-page:var(--db-neutral-25);--mk-card:var(--db-neutral-0);--mk-sunken:var(--db-neutral-50);--mk-text:var(--db-neutral-950);--mk-text-2:var(--db-neutral-600);--mk-text-3:var(--db-neutral-400);--mk-border-subtle:var(--db-neutral-100);--mk-border:var(--db-neutral-200);--mk-accent:var(--db-primary-600);--mk-accent-hover:var(--db-primary-700);--mk-accent-subtle:var(--db-primary-50);--mk-accent-muted:var(--db-primary-100);--mk-focus-ring:var(--db-primary-300);--mk-danger-bg:#fef2f2;--mk-danger-fg:#dc2626;--mk-shadow-xs:0 1px 2px #0c0c1e0f;--mk-shadow-md:0 4px 12px #0c0c1e1a, 0 1px 3px #0c0c1e0f;--mk-shadow-lg:0 12px 32px #0c0c1e24, 0 2px 6px #0c0c1e0f;--mk-ease:cubic-bezier(.16, 1, .3, 1);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:var(--mk-page);color:var(--mk-text);font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}.dark .mk{--mk-page:var(--db-neutral-950);--mk-card:var(--db-neutral-900);--mk-sunken:#08081a;--mk-text:#f2f2fa;--mk-text-2:var(--db-neutral-300);--mk-text-3:var(--db-neutral-500);--mk-border-subtle:#1e1e36;--mk-border:#2b2b45;--mk-accent:var(--db-primary-400);--mk-accent-hover:var(--db-primary-300);--mk-accent-subtle:#171132;--mk-accent-muted:#221a4a;--mk-focus-ring:var(--db-primary-500);--mk-danger-bg:#3a1220;--mk-danger-fg:#f87171;--db-chart-grid:#23233c;--db-flow-100:#0a2e33;--mk-shadow-xs:0 1px 2px #0006;--mk-shadow-md:0 4px 12px #00000080;--mk-shadow-lg:0 12px 32px #0009}.mk-container{max-width:1180px;margin:0 auto;padding:0 24px}.mk-section{background:var(--mk-page);padding:clamp(64px,8vw,96px) 0}.mk-section-band{background:var(--mk-sunken);border-top:1px solid var(--mk-border-subtle);border-bottom:1px solid var(--mk-border-subtle)}.mk-h1{letter-spacing:-.02em;color:var(--mk-text);text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:700;line-height:1.22}.mk-h2{letter-spacing:-.01em;color:var(--mk-text);text-wrap:balance;margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.3}.mk-sub{color:var(--mk-text-2);text-wrap:pretty;margin:16px 0 0;font-size:17px;line-height:1.75}.mk-card-box{background:var(--mk-card);border:1px solid var(--mk-border-subtle);box-shadow:var(--mk-shadow-xs);border-radius:10px;padding:24px}.mk-card-hover{transition:transform .18s,box-shadow .18s,border-color .18s}.mk-card-hover:hover{box-shadow:var(--mk-shadow-md);border-color:var(--mk-accent-muted);transform:translateY(-3px)}.mk-icon-tile{background:var(--mk-accent-subtle);width:46px;height:46px;color:var(--mk-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.mk-icon-tile-danger{background:var(--mk-danger-bg);color:var(--mk-danger-fg)}.mk-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.mk-badge-primary{background:var(--mk-accent-subtle);color:var(--mk-accent);border:1px solid var(--mk-accent-muted)}.mk-badge-danger{background:var(--mk-danger-bg);color:var(--mk-danger-fg);border:1px solid color-mix(in srgb, var(--mk-danger-fg) 30%, transparent)}.mk-badge-flow{background:var(--db-flow-100);color:var(--db-flow-700);border:1px solid var(--db-flow-600);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.dark .mk .mk-badge-flow{color:#7adfe9}.mk-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.mk-btn-md{height:40px;padding:0 18px;font-size:14px}.mk-btn-lg{height:48px;padding:0 26px;font-size:15px}.mk-btn-primary{background:var(--mk-accent);color:#fff}.mk-btn-primary:hover{background:var(--mk-accent-hover);color:#fff}.mk-btn-secondary{background:var(--mk-card);color:var(--mk-text);border:1px solid var(--mk-border)}.mk-btn-secondary:hover{background:var(--mk-sunken);color:var(--mk-text)}.mk-btn-ghost{color:var(--mk-text-2);background:0 0}.mk-btn-ghost:hover{background:var(--mk-sunken);color:var(--mk-text)}.mk-btn-inverse{color:var(--mk-accent);background:#fff;height:auto;padding:15px 32px;font-size:16px;font-weight:700}.mk-btn-inverse:hover{color:var(--mk-accent);transform:translateY(-2px);box-shadow:0 10px 28px #00000038}.mk-chip{background:var(--mk-card);border:1px solid var(--mk-border);color:var(--mk-text);border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.mk-chip i{background:var(--mk-accent);border-radius:50%;width:7px;height:7px}.mk-check{color:var(--mk-text-2);align-items:center;gap:7px;font-size:13.5px;display:inline-flex}.mk-input{border:1px solid var(--mk-border);background:var(--mk-card);height:44px;color:var(--mk-text);border-radius:6px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}.mk-input:focus{border-color:var(--mk-accent);box-shadow:0 0 0 3px var(--mk-focus-ring)}textarea.mk-input{resize:vertical;height:auto;padding:12px 14px;line-height:1.6}.mk-label{color:var(--mk-text);flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;display:flex}.mk-reveal{opacity:0;transition:opacity .6s var(--mk-ease), transform .6s var(--mk-ease);transform:translateY(20px)}.mk-reveal.mk-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.mk-reveal{opacity:1;transition:none;transform:none}}}