:root{--mk-blue:#1266d4;--mk-green:#45a94b;--mk-ink:#0f172a;--mk-muted:#536176;--mk-line:#dce5f2;--mk-soft:#f5f8fd;--mk-white:#fff;--mk-shadow:0 24px 60px rgba(15,23,42,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--mk-ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.mk-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.mk-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,242,.8)}.mk-nav{height:82px;display:flex;align-items:center;gap:34px}.mk-logo{display:block;width:238px;height:auto}.mk-links{display:flex;align-items:center;gap:30px;margin-left:auto}.mk-links a,.mk-login{color:var(--mk-ink);text-decoration:none;font-weight:700;font-size:15px}.mk-links a:hover,.mk-login:hover{color:var(--mk-blue)}.mk-actions{display:flex;align-items:center;gap:16px}.mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:8px;border:1px solid var(--mk-blue);background:var(--mk-blue);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 10px 24px rgba(18,102,212,.18);transition:.2s ease}.mk-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(18,102,212,.22)}.mk-btn--ghost{background:#fff;color:var(--mk-blue)!important;box-shadow:none}.mk-menu{display:none;border:0;background:none;font-size:25px;color:var(--mk-ink)}
.mk-hero{position:relative;overflow:hidden;padding:76px 0 92px}.mk-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.mk-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-4px;margin:0 0 28px}.mk-hero h1 span{display:block;color:var(--mk-green)}.mk-hero p{font-size:21px;line-height:1.55;color:#334155;margin:0 0 34px;max-width:560px}.mk-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.mk-routes{position:absolute;left:-3%;bottom:22px;width:45%;height:120px;opacity:.75;pointer-events:none}.mk-dashboard{border:1px solid #dce4ef;border-radius:22px;background:#fff;box-shadow:var(--mk-shadow);padding:18px;transform:perspective(1400px) rotateY(-2deg)}.mk-dash-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 16px}.mk-dash-brand{display:flex;align-items:center;gap:8px;font-weight:800}.mk-dash-brand img{width:34px}.mk-dash-filter{font-size:12px;border:1px solid var(--mk-line);padding:8px 11px;border-radius:7px;color:var(--mk-muted)}.mk-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mk-metric,.mk-panel{border:1px solid #e5ebf3;border-radius:12px;padding:14px}.mk-metric small{color:var(--mk-muted)}.mk-metric strong{display:block;font-size:23px;margin:8px 0 5px}.mk-up{color:var(--mk-green);font-size:12px;font-weight:800}.mk-panels{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;margin-top:10px}.mk-panel h3{font-size:14px;margin:0 0 15px}.mk-bars{display:grid;gap:12px}.mk-bar{height:8px;background:#edf2f8;border-radius:8px;overflow:hidden}.mk-bar i{display:block;height:100%;background:var(--mk-blue);border-radius:8px}.mk-order{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;padding:8px 0;border-bottom:1px solid #edf2f8}.mk-status{color:var(--mk-green);font-weight:800}.mk-chart{margin-top:10px;border:1px solid #e5ebf3;border-radius:12px;padding:14px}.mk-chart svg{display:block;width:100%;height:120px}
.mk-section{padding:98px 0}.mk-section--soft{background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}.mk-title{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-2.4px;margin:0 0 20px}.mk-lead{font-size:19px;color:var(--mk-muted);line-height:1.65;max-width:720px}.mk-center{text-align:center;margin-left:auto;margin-right:auto}.mk-flow{margin-top:56px;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.mk-flow:before{content:"";position:absolute;top:29px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--mk-blue) 0 78%,var(--mk-green) 78%)}.mk-flow-step{position:relative;text-align:center}.mk-flow-icon{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 18px;border:2px solid var(--mk-blue);border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--mk-blue);font-size:23px;font-weight:800}.mk-flow-step:last-child .mk-flow-icon{border-color:var(--mk-green);color:var(--mk-green)}.mk-flow-step h3{font-size:16px;margin:0 0 8px}.mk-flow-step p{font-size:13px;line-height:1.5;color:var(--mk-muted);margin:0}.mk-ui-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}.mk-ui{border:1px solid var(--mk-line);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.07);overflow:hidden}.mk-ui-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--mk-line);font-weight:800}.mk-ui-body{padding:20px}.mk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mk-field{padding:12px;border:1px solid var(--mk-line);border-radius:8px;color:var(--mk-muted);font-size:13px}.mk-table{width:100%;border-collapse:collapse;font-size:13px}.mk-table th,.mk-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #edf1f6}.mk-table th{color:var(--mk-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.mk-auto{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.mk-rule{display:grid;grid-template-columns:1.1fr .9fr .8fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f6;font-size:13px}.mk-switch{width:36px;height:20px;border-radius:20px;background:var(--mk-blue);position:relative}.mk-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;right:3px;top:3px}.mk-points{display:grid;gap:28px;margin:34px 0}.mk-point{display:grid;grid-template-columns:48px 1fr;gap:16px}.mk-point-icon{width:46px;height:46px;border:1px solid var(--mk-blue);border-radius:10px;display:grid;place-items:center;color:var(--mk-blue);font-size:22px}.mk-point:nth-child(2) .mk-point-icon{border-color:var(--mk-green);color:var(--mk-green)}.mk-point h3{font-size:17px;margin:0 0 6px}.mk-point p{margin:0;color:var(--mk-muted);line-height:1.5}
.mk-mail{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:center}.mk-mail-logo{width:250px;margin-bottom:28px}.mk-mail-box{border:1px solid var(--mk-line);border-radius:20px;box-shadow:var(--mk-shadow);background:#fff;display:grid;grid-template-columns:175px 1fr;overflow:hidden}.mk-mail-side{background:#f7f9fd;padding:24px 16px}.mk-mail-side strong{display:block;margin-bottom:22px}.mk-mail-side span{display:block;padding:10px;border-radius:7px;margin:4px 0;font-size:13px;color:var(--mk-muted)}.mk-mail-side span:first-of-type{background:#eaf2ff;color:var(--mk-blue);font-weight:800}.mk-inbox{padding:24px}.mk-inbox-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--mk-line);font-weight:800}.mk-message{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px 0;border-bottom:1px solid #edf1f6}.mk-message strong{font-size:14px}.mk-message p{font-size:12px;color:var(--mk-muted);margin:5px 0 0}.mk-tag{align-self:start;padding:5px 8px;border-radius:6px;background:#e9f7ea;color:var(--mk-green);font-size:11px;font-weight:800}.mk-tag--blue{background:#eaf2ff;color:var(--mk-blue)}.mk-note{display:block;color:var(--mk-muted);font-size:13px;margin-top:18px}
.mk-cta{padding:92px 0;background:linear-gradient(135deg,#f4f8ff,#fff);text-align:center;position:relative;overflow:hidden}.mk-cta .mk-lead{margin:0 auto 30px}.mk-footer{padding:58px 0 28px;border-top:1px solid var(--mk-line)}.mk-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.mk-footer-logo{width:230px}.mk-footer p{color:var(--mk-muted);line-height:1.6}.mk-footer h3{font-size:14px;margin:6px 0 18px}.mk-footer a{display:block;color:var(--mk-muted);text-decoration:none;margin:12px 0}.mk-footer a:hover{color:var(--mk-blue)}.mk-copy{border-top:1px solid var(--mk-line);margin-top:40px;padding-top:22px;text-align:center;color:var(--mk-muted);font-size:13px}.mk-legal{padding:46px 0 80px;min-height:70vh}.mk-legal .card{border:1px solid var(--mk-line);border-radius:14px;padding:24px;background:#fff}.mk-preloader{position:fixed;inset:0;z-index:100;background:#fff;display:grid;place-items:center;transition:opacity .25s,visibility .25s}.mk-preloader.is-hidden{opacity:0;visibility:hidden}.mk-preloader img{width:min(360px,72vw)}
@media(max-width:980px){.mk-links{display:none}.mk-links.mk-mobile-open{display:flex;position:absolute;top:82px;left:0;right:0;padding:24px;background:#fff;border-bottom:1px solid var(--mk-line);flex-direction:column;box-shadow:0 18px 30px rgba(15,23,42,.08)}.mk-menu{display:block;margin-left:auto}.mk-actions .mk-login{display:none}.mk-hero-grid,.mk-auto,.mk-mail{grid-template-columns:1fr}.mk-hero{padding-top:50px}.mk-dashboard{transform:none}.mk-flow{grid-template-columns:1fr}.mk-flow:before{left:28px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(var(--mk-blue),var(--mk-green))}.mk-flow-step{text-align:left;display:grid;grid-template-columns:58px 1fr;gap:18px}.mk-flow-icon{margin:0}.mk-flow-step p{padding-bottom:20px}.mk-ui-row{grid-template-columns:1fr}.mk-mail-box{min-height:470px}.mk-footer-grid{grid-template-columns:1fr 1fr}.mk-routes{width:80%}}
@media(max-width:620px){.mk-wrap{width:min(100% - 26px,1180px)}.mk-nav{height:68px}.mk-logo{width:190px}.mk-actions .mk-btn{display:none}.mk-hero{padding:42px 0 72px}.mk-hero h1{font-size:48px;letter-spacing:-2.5px}.mk-hero p{font-size:18px}.mk-hero-actions{display:grid}.mk-btn{width:100%}.mk-metrics{grid-template-columns:1fr 1fr}.mk-metric:last-child{grid-column:1/-1}.mk-panels{grid-template-columns:1fr}.mk-title{font-size:37px}.mk-section{padding:70px 0}.mk-form-grid{grid-template-columns:1fr}.mk-auto{gap:38px}.mk-rule{grid-template-columns:1fr auto}.mk-rule span:nth-child(2),.mk-rule span:nth-child(3){display:none}.mk-mail-box{grid-template-columns:1fr}.mk-mail-side{display:none}.mk-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.mk-footer-grid>div:first-child{grid-column:1/-1}.mk-footer-logo{width:210px}}