/* Pocket Option — доступ/зеркала (Сайт 3). Утилитарная «status» тема. Префикс .m- */
:root{
  --bg:#eef3fa; --bg2:#e4ecf7; --card:#ffffff; --ink:#15233f; --ink2:#0e1a30; --muted:#56678a;
  --brand:#0099FA; --brand-d:#0b6fd6; --line:#d4deee; --bd:#c2d0e6; --strong:#16243f;
  --ok:#16a34a; --okbg:#e7f7ec; --warn:#e6552f;
  --hf:"Montserrat",system-ui,sans-serif; --bf:"Nunito Sans",system-ui,sans-serif;
  --mf:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --max:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--bf);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--hf);color:var(--ink2);line-height:1.16;font-weight:800;letter-spacing:-.01em}
a{color:var(--brand-d);text-decoration:none}
img{max-width:100%;display:block}
.m-wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.m-sec{padding:58px 0}
.m-sec--alt{background:var(--bg2)}
.m-mono{font-family:var(--mf)}
.m-muted{color:var(--muted)}

/* header — подчёркнутая навигация (не пилюли) */
.m-head{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:2px solid var(--strong)}
.m-head__in{display:flex;align-items:center;gap:18px;height:66px}
.m-logo{display:flex;align-items:center;gap:9px;font-family:var(--hf);font-weight:800;font-size:19px;color:var(--ink2);flex:0 0 auto}
.m-logo b{color:var(--brand)} .m-logo img{height:25px;width:auto}
.m-nav{display:flex;gap:18px;margin-left:8px}
.m-nav a{color:var(--muted);font-weight:700;font-size:14px;font-family:var(--hf);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.m-nav a:hover{color:var(--ink2)}
.m-nav a[aria-current]{color:var(--brand-d);border-bottom-color:var(--brand)}
.m-head__cta{margin-left:auto;display:flex;gap:10px;align-items:center;flex:0 0 auto}
.m-burger{display:none;width:42px;height:42px;border:2px solid var(--strong);border-radius:8px;background:#fff;font-size:18px;cursor:pointer}

/* кнопки — плоские с рамкой */
.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--hf);font-weight:800;font-size:16px;border:2px solid var(--strong);border-radius:9px;padding:13px 24px;cursor:pointer;transition:.14s;line-height:1}
.m-btn--cta{background:var(--brand);color:#fff;border-color:var(--brand-d)}
.m-btn--cta:hover{background:var(--brand-d)}
.m-btn--ghost{background:#fff;color:var(--ink2)}
.m-btn--ghost:hover{background:#f1f5fb}
.m-btn--sm{padding:9px 16px;font-size:14px;border-radius:8px}
.m-btn--lg{padding:16px 30px;font-size:18px}

/* hero */
.m-hero{background:var(--bg);border-bottom:2px solid var(--strong)}
.m-hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:56px 0 60px}
.m-hero h1{font-size:clamp(30px,4.4vw,48px)}
.m-badge{display:inline-flex;gap:8px;align-items:center;background:var(--okbg);border:2px solid #bfe6c8;border-radius:8px;padding:6px 13px;font-family:var(--hf);font-weight:800;font-size:13px;color:#15803d;margin-bottom:16px}
.m-lead{font-size:19px;color:var(--muted);margin:16px 0 24px;max-width:46ch}
.m-hero__act{display:flex;gap:13px;flex-wrap:wrap}

/* status-панель (визуал hero) */
.m-status{background:var(--card);border:2px solid var(--strong);border-radius:14px;overflow:hidden;box-shadow:8px 8px 0 rgba(22,36,63,.08)}
.m-status__top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:2px solid var(--strong);background:#f7faff;font-family:var(--hf);font-weight:800;font-size:14px;color:var(--ink2)}
.m-status__top .m-dot{margin-left:auto}
.m-dot{width:11px;height:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(22,163,74,.18);animation:mpulse 1.8s infinite}
@keyframes mpulse{50%{box-shadow:0 0 0 9px rgba(22,163,74,0)}}
.m-status__body{padding:18px}
.m-url{display:flex;align-items:center;gap:10px;font-family:var(--mf);font-size:13px;background:#0e1a30;color:#cfe3ff;border-radius:8px;padding:11px 14px}
.m-url .ok{margin-left:auto;color:#5ee08a;font-weight:700}
.m-status__rows{display:grid;gap:0;margin-top:14px;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}
.m-status__rows .r{display:flex;justify-content:space-between;padding:11px 14px;font-size:14px;border-bottom:1.5px solid var(--line)}
.m-status__rows .r:last-child{border-bottom:0}
.m-status__rows .r b{font-family:var(--mf);color:var(--ink2);font-weight:700}
.m-status__rows .r .g{color:var(--ok);font-family:var(--hf);font-weight:800;font-size:13px}
.m-status .m-btn{width:100%;margin-top:16px}

/* section head */
.m-h{max-width:62ch}.m-h.m-center{margin:0 auto;text-align:center}
.m-h h2{font-size:clamp(24px,3.1vw,34px)}
.m-h p{color:var(--muted);margin-top:11px}
.m-crumbs{font-size:13px;color:var(--muted);font-family:var(--mf);padding:18px 0 0}
.m-crumbs a{color:var(--muted)}

/* stats — плоские с рамкой */
.m-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--strong);border-radius:12px;overflow:hidden;background:#fff}
.m-stat{padding:22px;text-align:center;border-right:2px solid var(--strong)}
.m-stat:last-child{border-right:0}
.m-stat b{display:block;font-family:var(--hf);font-size:28px;color:var(--ink2)}
.m-stat span{color:var(--muted);font-size:13px}

/* cards — плоские с рамкой */
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.m-card{background:var(--card);border:2px solid var(--bd);border-radius:12px;padding:22px;transition:.14s}
.m-card:hover{border-color:var(--strong)}
.m-card__ic{width:46px;height:46px;border-radius:9px;background:#eaf3ff;border:1.5px solid #cbe2ff;display:grid;place-items:center;font-size:21px;margin-bottom:13px}
.m-card h3{font-size:17px;margin-bottom:7px}
.m-card p{color:var(--muted);font-size:15px}

/* steps */
.m-steps{display:grid;gap:14px}
.m-step{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:2px solid var(--bd);border-radius:12px;padding:20px}
.m-step__n{flex:0 0 auto;width:42px;height:42px;border-radius:9px;background:var(--brand);border:2px solid var(--brand-d);color:#fff;display:grid;place-items:center;font-family:var(--hf);font-weight:800}
.m-step__b{min-width:0}.m-step__b h3{font-size:16px;margin-bottom:5px}.m-step__b p{color:var(--muted);font-size:15px}

/* stores */
.m-stores{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.m-store{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid var(--bd);border-radius:10px;padding:14px 16px;color:var(--ink2);transition:.14s}
.m-store:hover{border-color:var(--strong)}
.m-store__ic{width:40px;height:40px;border-radius:8px;background:#eaf3ff;display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.m-store small{display:block;color:var(--muted);font-size:12px} .m-store b{font-family:var(--hf);font-size:15px}

/* table */
.m-tbl-wrap{overflow-x:auto;border:2px solid var(--strong);border-radius:12px;background:#fff}
.m-tbl{width:100%;border-collapse:collapse;min-width:520px}
.m-tbl th,.m-tbl td{padding:13px 18px;text-align:left;border-bottom:1.5px solid var(--line);font-size:15px}
.m-tbl th{font-family:var(--hf);background:#f2f7ff;color:var(--ink2);border-bottom:2px solid var(--strong)}
.m-tbl tr:last-child td{border-bottom:0}
.m-tbl td:first-child{color:var(--muted)}

/* faq */
.m-faq details{background:var(--card);border:2px solid var(--bd);border-radius:10px;padding:2px 20px;margin-bottom:11px}
.m-faq details[open]{border-color:var(--strong)}
.m-faq summary{cursor:pointer;font-family:var(--hf);font-weight:800;padding:15px 0;list-style:none;color:var(--ink2)}
.m-faq summary::-webkit-details-marker{display:none}
.m-faq summary::after{content:"+";float:right;color:var(--brand);font-family:var(--mf)}
.m-faq details[open] summary::after{content:"−"}
.m-faq p{color:var(--muted);padding:0 0 15px}

/* prose */
.m-prose{max-width:74ch}
.m-prose h2{font-size:clamp(22px,2.7vw,29px);margin:32px 0 11px}
.m-prose h2:first-child{margin-top:0}
.m-prose h3{font-size:18px;margin:20px 0 7px;color:var(--ink2)}
.m-prose p{color:var(--muted);margin-bottom:13px}
.m-prose ul{list-style:none;margin:0 0 15px;display:grid;gap:8px}
.m-prose li{position:relative;padding-left:24px;color:var(--muted)}
.m-prose li::before{content:"▸";position:absolute;left:2px;top:0;color:var(--brand);font-weight:700}
.m-prose strong{color:var(--ink2)} .m-prose a{color:var(--brand-d);text-decoration:underline}

/* cta band */
.m-band{background:var(--ink2);border:2px solid var(--strong);border-radius:14px;padding:46px;text-align:center;color:#fff}
.m-band h2{color:#fff;font-size:clamp(24px,3vw,33px)}
.m-band p{color:#b9c6df;margin:11px auto 22px;max-width:50ch}
.m-band .m-btn--cta{border-color:#fff}

/* footer */
.m-foot{background:#fff;border-top:2px solid var(--strong);padding:48px 0 28px;margin-top:48px}
.m-foot__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.m-foot h3{color:var(--ink2);font-family:var(--hf);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:13px}
.m-foot a{display:block;color:var(--muted);font-size:14px;padding:4px 0}
.m-foot a:hover{color:var(--brand-d)}
.m-foot .m-logo{margin-bottom:11px}
.m-disc{border-top:2px solid var(--line);margin-top:30px;padding-top:20px;font-size:13px;color:var(--muted)}
.m-disc .m-age{border:2px solid var(--warn);color:var(--warn);border-radius:6px;padding:0 7px;font-family:var(--hf);font-weight:800;margin-right:8px}

@media(max-width:1040px){
  .m-nav{display:none}
  .m-burger{display:grid;place-items:center}
  .m-head.open .m-nav{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:2px solid var(--strong);padding:8px 20px;z-index:40}
  .m-head.open .m-nav a{padding:12px 0;border-bottom:1.5px solid var(--line)}
}
@media(max-width:900px){
  .m-hero__in{grid-template-columns:1fr;padding:42px 0 46px}
  .m-stats{grid-template-columns:repeat(2,1fr)} .m-stat:nth-child(2){border-right:0} .m-stat{border-bottom:2px solid var(--strong)}
  .m-grid{grid-template-columns:1fr} .m-stores{grid-template-columns:1fr} .m-foot__cols{grid-template-columns:1fr 1fr}
  .m-head__cta .m-btn--ghost,.m-head__cta .m-btn--cta{display:none} .m-wrap{padding:0 16px}
}