:root {
--mtn-font-text: "Nunito Sans", sans-serif;
--mtn-font-rank: "Playfair Display", Georgia, serif;
--mtn-article-title-weight: 700;
--mtn-article-title-line-height: 1.35;
--mtn-article-rank-size: 24px;
--mtn-article-rank-weight: 700;
--mtn-article-rank-line-height: 1.2;
--mtn-article-rank-color: #a3abb7;
}
body,
button,
input,
select,
textarea,
optgroup {
font-family: var(--mtn-font-text);
}
.mtn-home-trending-item__rank,
.mtn-popular-posts--news .mtn-popular-posts__rank,
.mtn-search-modal .mtn-search-result__rank {
font-family: var(--mtn-font-rank);
font-size: var(--mtn-article-rank-size);
font-weight: var(--mtn-article-rank-weight);
line-height: var(--mtn-article-rank-line-height);
font-variant-numeric: tabular-nums;
}
.mean-container .mean-bar a.meanmenu-reveal {
font-family: var(--mtn-font-text);
}body.mtn-theme-login-page {
--mtn-login-page: #ffffff;
--mtn-login-visual: #edf4fc;
--mtn-login-surface: #ffffff;
--mtn-login-ink: #172b46;
--mtn-login-muted: #63758d;
--mtn-login-line: #dce5f0;
--mtn-login-input: #f9fbfe;
--mtn-login-accent: #096cca;
--mtn-login-accent-soft: #e8f3ff;
--mtn-login-dots: #c6d7eb;
position: relative;
margin: 0;
min-width: 280px;
background: var(--mtn-login-page);
color: var(--mtn-login-ink);
color-scheme: light;
font-family: var(--mtn-font-text, "Nunito Sans", sans-serif);
-webkit-font-smoothing: antialiased;
}
html[ta-theme="dark"] body.mtn-theme-login-page {
--mtn-login-page: #0d1522;
--mtn-login-visual: #101e32;
--mtn-login-surface: #17263c;
--mtn-login-ink: #edf3fa;
--mtn-login-muted: #a6b5c9;
--mtn-login-line: #2b3d56;
--mtn-login-input: #142033;
--mtn-login-accent: #7bbcff;
--mtn-login-accent-soft: #1b3552;
--mtn-login-dots: #2d415c;
color-scheme: dark;
}
.mtn-theme-login, .mtn-theme-login * { box-sizing: border-box; }
.mtn-theme-login {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
min-height: 100vh;
min-height: 100svh;
}
.mtn-theme-login__visual {
position: relative;
display: flex;
min-width: 0;
padding: 112px clamp(22px, 3.5vw, 64px) 54px;
align-items: center;
justify-content: center;
overflow: hidden;
border-right: 1px solid var(--mtn-login-line);
background: radial-gradient(ellipse at 40% 40%, rgb(118 178 241 / 15%), transparent 70%), var(--mtn-login-visual);
}
.mtn-theme-login__visual::before {
position: absolute;
inset: 0;
background-image: radial-gradient(var(--mtn-login-dots) 1px, transparent 1px);
background-size: 26px 26px;
content: "";
mask-image: radial-gradient(ellipse at center, #000 15%, transparent 78%);
pointer-events: none;
}
.mtn-theme-login__account {
display: flex;
min-width: 0;
padding: 112px clamp(30px, 4.8vw, 90px) 54px;
flex-direction: column;
justify-content: center;
background: var(--mtn-login-page);
}
.mtn-theme-login__form-content {
width: 100%;
max-width: 420px;
margin-right: auto;
margin-left: auto;
}
.mtn-theme-login__topline {
box-sizing: border-box;
position: absolute;
z-index: 2;
top: 28px;
right: clamp(24px, 3.5vw, 64px);
left: clamp(24px, 3.5vw, 64px);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.mtn-theme-login__brand {
display: inline-flex;
align-items: center;
gap: 9px;
color: var(--mtn-login-ink);
font-size: 19px;
font-weight: 900;
letter-spacing: -0.055em;
text-decoration: none;
}
.mtn-theme-login__brand img { display: block; width: 36px; height: 36px; object-fit: contain; }
.mtn-theme-login__theme {
display: inline-flex;
min-height: 40px;
padding: 0 10px;
align-items: center;
justify-content: center;
gap: 6px;
border: 1px solid var(--mtn-login-line);
border-radius: 20px;
background: transparent;
color: var(--mtn-login-muted);
font-family: inherit;
font-size: 11px;
font-weight: 800;
white-space: nowrap;
cursor: pointer;
}
.mtn-theme-login__theme svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
}
.mtn-theme-login__theme:hover { border-color: var(--mtn-login-accent); color: var(--mtn-login-accent); }
.mtn-theme-login__form-content h1 {
margin: 0 0 9px;
color: var(--mtn-login-ink);
font-family: var(--mtn-font-rank, "Playfair Display", Georgia, serif);
font-size: clamp(30px, 3vw, 38px);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 1.2;
}
.mtn-theme-login__account-copy { margin: 0 0 31px; color: var(--mtn-login-muted); font-size: 14px; line-height: 1.6; }
.mtn-theme-login__account form { margin: 0; }
.mtn-theme-login__account form p { margin: 0 0 21px; }
.mtn-theme-login__account form label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 800; }
.mtn-theme-login__account form input[type="text"],
.mtn-theme-login__account form input[type="password"],
.mtn-theme-login__account form input[type="email"] {
width: 100%;
min-height: 51px;
margin: 0;
padding: 11px 14px;
border: 1px solid var(--mtn-login-line);
border-radius: 8px;
background: var(--mtn-login-input);
color: var(--mtn-login-ink);
font-family: inherit;
font-size: 15px;
box-shadow: none;
}
.mtn-theme-login__account form input:focus-visible { border-color: var(--mtn-login-accent); outline: 3px solid var(--mtn-login-accent-soft); outline-offset: 1px; }
.mtn-theme-login__account form .login-remember label { display: inline-flex; margin: 0; align-items: center; gap: 9px; color: var(--mtn-login-muted); font-weight: 600; }
.mtn-theme-login__account form input[type="checkbox"] { width: 17px; height: 17px; margin: 0; accent-color: #147ce2; }
.mtn-theme-login__account form .login-submit { margin: 0; }
.mtn-theme-login__account form input[type="submit"], .mtn-theme-login__submit {
display: flex;
width: 100%;
min-height: 51px;
padding: 0 18px;
align-items: center;
justify-content: center;
border: 0;
border-radius: 8px;
background: #1378da;
color: #ffffff;
font-family: inherit;
font-size: 15px;
font-weight: 800;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background-color 160ms ease;
}
.mtn-theme-login__account form input[type="submit"]:hover, .mtn-theme-login__submit:hover { background: #0967c2; }
.mtn-theme-login__links { display: flex; margin-top: 21px; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--mtn-login-muted); font-size: 12px; }
.mtn-theme-login__links a { padding: 5px 0; color: var(--mtn-login-accent); text-decoration: none; }
.mtn-theme-login__links a:hover { text-decoration: underline; }
.mtn-theme-login a:focus-visible, .mtn-theme-login button:focus-visible,
.mtn-theme-login__topline a:focus-visible, .mtn-theme-login__topline button:focus-visible { outline: 3px solid var(--mtn-login-accent); outline-offset: 4px; }
.mtn-theme-login__error, .mtn-theme-login__notice {
margin: 0 0 21px;
padding: 12px 14px;
border: 1px solid var(--mtn-login-line);
border-left: 4px solid #c74848;
border-radius: 7px;
background: var(--mtn-login-input);
font-size: 13px;
line-height: 1.5;
}
.mtn-theme-login__notice { border-left-color: #29a985; }
@media (max-width: 900px) {
.mtn-theme-login { grid-template-columns: minmax(0, 1fr); min-height: calc(100svh - 80px); }
.mtn-theme-login__account { grid-row: 1; padding: 34px 24px 48px; }
.mtn-theme-login__topline { position: relative; top: auto; right: auto; left: auto; min-height: 80px; padding: 20px 24px; }
.mtn-theme-login__visual { padding: 26px 24px 32px; border-top: 1px solid var(--mtn-login-line); border-right: 0; }
}
@media (max-width: 380px) {
.mtn-theme-login__brand { font-size: 17px; }
.mtn-theme-login__theme span { display: none; }
.mtn-theme-login__theme { width: 40px; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
.mtn-theme-login__account form input[type="submit"] { transition: none; }
}.mtn-automation {
--automation-wire: #c0d0e4;
--automation-signal: #2288ed;
--automation-green: #209c7a;
--automation-followup: #bf7c30;
--automation-shadow: rgb(36 68 108 / 10%);
position: relative;
width: 100%;
max-width: 660px;
margin: 0;
}
html[ta-theme="dark"] .mtn-automation {
--automation-wire: #3a506e;
--automation-signal: #77baff;
--automation-green: #64d6b3;
--automation-followup: #f0bc78;
--automation-shadow: rgb(0 0 0 / 19%);
}
.mtn-automation__diagram {
display: block;
width: 100%;
height: auto;
overflow: visible;
font-family: var(--mtn-font-text, "Nunito Sans", sans-serif);
}
.mtn-automation__line {
stroke: var(--automation-wire);
stroke-width: 1.7;
stroke-linejoin: round;
}
.mtn-automation__line--waiting {
stroke-dasharray: 3 5;
}
.mtn-automation__arrow {
fill: none;
stroke: var(--automation-wire);
stroke-width: 1.1;
stroke-linecap: round;
stroke-linejoin: round;
}
.mtn-automation__signal {
opacity: 0;
stroke: var(--automation-signal);
stroke-width: 5;
stroke-linecap: round;
stroke-dasharray: 0.2 99.8;
stroke-dashoffset: 100;
}
.mtn-automation__signal--green {
stroke: var(--automation-green);
}
.mtn-automation__signal--followup {
stroke: var(--automation-followup);
}
.mtn-automation__card {
fill: var(--mtn-login-surface);
stroke: var(--mtn-login-line);
stroke-width: 1.2;
filter: drop-shadow(0 10px 17px var(--automation-shadow));
}
.mtn-automation__node {
--node-accent: #187cdc;
--node-soft: #e9f3ff;
}
.mtn-automation__node--condition {
--node-accent: #9666cf;
--node-soft: #f3edfb;
}
.mtn-automation__node--email,
.mtn-automation__node--end {
--node-accent: #1d9676;
--node-soft: #e5f6f0;
}
.mtn-automation__node--followup {
--node-accent: #bf7c30;
--node-soft: #fff2df;
}
html[ta-theme="dark"] .mtn-automation__node {
--node-accent: #7ab9ff;
--node-soft: #203d5e;
}
html[ta-theme="dark"] .mtn-automation__node--condition {
--node-accent: #c0a0f5;
--node-soft: #372d50;
}
html[ta-theme="dark"] .mtn-automation__node--email,
html[ta-theme="dark"] .mtn-automation__node--end {
--node-accent: #6bd5b2;
--node-soft: #1b403d;
}
html[ta-theme="dark"] .mtn-automation__node--followup {
--node-accent: #f0bc78;
--node-soft: #443826;
}
.mtn-automation__icon > rect {
fill: var(--node-soft);
}
.mtn-automation__icon > g {
stroke: var(--node-accent);
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.mtn-automation__label {
fill: var(--mtn-login-muted);
font-size: 9px;
font-weight: 900;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.mtn-automation__title {
fill: var(--mtn-login-ink);
font-size: 16px;
font-weight: 800;
letter-spacing: -0.25px;
}
.mtn-automation__title--small {
font-size: 14px;
}
.mtn-automation__detail {
fill: var(--mtn-login-muted);
font-size: 10.5px;
}
.mtn-automation__branch {
fill: var(--automation-green);
font-size: 11px;
font-weight: 800;
}
.mtn-automation__branch--waiting {
fill: var(--automation-followup);
}
.mtn-automation__caption {
display: flex;
margin-top: 16px;
align-items: center;
justify-content: space-between;
gap: 16px;
color: var(--mtn-login-ink);
font-size: 14px;
font-weight: 800;
letter-spacing: -0.15px;
}
.mtn-automation__toggle {
display: inline-flex;
min-height: 38px;
padding: 6px 0 6px 8px;
flex-shrink: 0;
align-items: center;
gap: 5px;
border: 0;
background: transparent;
color: var(--mtn-login-muted);
font-family: inherit;
font-size: 10px;
font-weight: 700;
cursor: pointer;
}
.mtn-automation__toggle[hidden],
.mtn-automation__play-icon {
display: none;
}
.mtn-automation__toggle svg {
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linejoin: round;
}
.mtn-automation[data-ready="true"] .mtn-automation__signal {
animation: mtn-automation-signal 16s linear var(--phase) infinite;
}
.mtn-automation[data-ready="true"] .mtn-automation__card {
animation: mtn-automation-node 16s ease var(--phase) infinite;
}
.mtn-automation[data-ready="true"][data-paused="true"] .mtn-automation__signal,
.mtn-automation[data-ready="true"][data-paused="true"] .mtn-automation__card,
.mtn-automation[data-ready="true"][data-inactive="true"] .mtn-automation__signal,
.mtn-automation[data-ready="true"][data-inactive="true"] .mtn-automation__card {
animation-play-state: paused;
}
.mtn-automation[data-paused="true"] .mtn-automation__pause-icon {
display: none;
}
.mtn-automation[data-paused="true"] .mtn-automation__play-icon {
display: block;
}
@keyframes mtn-automation-signal {
0% { opacity: 0; stroke-dashoffset: 100; }
2% { opacity: 1; stroke-dashoffset: 100; }
18% { opacity: 1; stroke-dashoffset: 0; }
20%, 100% { opacity: 0; stroke-dashoffset: 0; }
}
@keyframes mtn-automation-node {
0%, 24%, 100% { stroke: var(--mtn-login-line); stroke-width: 1.2; }
4%, 18% { stroke: var(--node-accent); stroke-width: 2; }
}
@media (max-width: 900px) {
.mtn-automation { max-width: 500px; }
}
@media (max-width: 480px) {
.mtn-automation__caption { align-items: flex-start; gap: 8px; font-size: 12px; }
.mtn-automation__toggle { min-height: 32px; padding-top: 0; }
.mtn-automation__toggle span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.mtn-automation[data-ready="true"] .mtn-automation__signal,
.mtn-automation[data-ready="true"] .mtn-automation__card {
animation: none;
}
.mtn-automation__toggle { display: none; }
}