.mk{--mk-bg:#0b0d12;--mk-panel:#141821;--mk-line:#262c38;--mk-text:#f4f5f8;--mk-muted:#a3aab8;--mk-accent:#6366f1;--mk-accent-strong:#4f46e5;background:var(--mk-bg);min-height:100vh;color:var(--mk-text);font-family:Cairo,Inter,system-ui,sans-serif;line-height:1.6}.mk a{color:inherit;text-decoration:none}.mk-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mk-line);background:#0b0d12e6;align-items:center;gap:24px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.mk-nav img{width:auto;height:30px;display:block}.mk-nav nav{color:var(--mk-muted);gap:20px;font-size:15px;display:flex}.mk-nav nav a:hover,.mk-nav-actions a:hover{color:var(--mk-text)}.mk-nav-actions{align-items:center;gap:16px;margin-inline-start:auto;font-size:15px;display:flex}.mk-button{background:var(--mk-accent);border:1px solid var(--mk-accent);border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:700;display:inline-flex;color:#fff!important}.mk-button:hover{background:var(--mk-accent-strong)}.mk-button.ghost{border-color:var(--mk-line);background:0 0}.mk-button:focus-visible,.mk a:focus-visible,.mk summary:focus-visible{outline:2px solid var(--mk-accent);outline-offset:3px}.mk-hero{text-align:center;max-width:1120px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(16px,4vw,48px) 24px}.mk-eyebrow{color:#a5b4fc;margin:0 0 12px;font-size:15px;font-weight:700}.mk-hero h1{max-width:880px;margin:0 auto;font-size:clamp(32px,5.4vw,60px);font-weight:800;line-height:1.2}.mk-lead{max-width:720px;color:var(--mk-muted);margin:20px auto 0;font-size:clamp(16px,2vw,19px)}.mk-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.mk-preview{margin:clamp(40px,6vw,64px) 0 0}.mk-preview img{border:1px solid var(--mk-line);border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 30px 80px #00000073}.mk-preview figcaption{color:var(--mk-muted);margin-top:10px;font-size:13px}.mk-section{max-width:1120px;margin:0 auto;padding:clamp(48px,7vw,80px) clamp(16px,4vw,48px) 0}.mk-section h2,.mk-final h2{margin:0 0 24px;font-size:clamp(24px,3.4vw,36px);line-height:1.3}.mk-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mk-grid li,.mk-modes article{background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:16px;padding:22px}.mk-grid svg{color:#a5b4fc}.mk-grid h3,.mk-modes h3{margin:10px 0 6px;font-size:18px}.mk-grid p,.mk-modes p,.mk-note,.mk-faq p{color:var(--mk-muted);margin:0}.mk-modes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.mk-note{margin-top:16px}.mk-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mk-steps li{counter-increment:step;border:1px solid var(--mk-line);border-radius:16px;padding:22px}.mk-steps li:before{content:counter(step);background:var(--mk-accent);border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:10px;font-weight:800;display:grid}.mk-faq{gap:10px;display:grid}.mk-faq details{background:var(--mk-panel);border:1px solid var(--mk-line);border-radius:14px;padding:16px 20px}.mk-faq summary{cursor:pointer;font-weight:700}.mk-faq details p{margin-top:10px}.mk-final{text-align:center;border-top:1px solid var(--mk-line);max-width:1120px;margin:clamp(48px,7vw,80px) auto 0;padding:clamp(40px,6vw,64px) clamp(16px,4vw,48px)}.mk-footer{background:var(--mk-bg);border-top:1px solid var(--mk-line);color:var(--mk-muted);flex-wrap:wrap;align-items:center;gap:16px;margin:0;padding:24px clamp(16px,4vw,48px);font-size:14px;display:flex}.mk-footer img{width:28px;height:28px}.mk-footer a{margin-inline-start:auto}@media (max-width:760px){.mk-nav{gap:12px}.mk-nav nav{display:none}.mk-nav-actions{gap:12px;font-size:14px}.mk-nav-actions .mk-button{min-height:38px;padding:0 14px}.mk-nav img{height:24px}}
