.mir-sheet{ --bg:#f3efe7; --ink:#112c28; --deep:#0b2521; --line:#d6cec0; --gold:#c3a366; max-width:1120px; margin:auto; padding:clamp(16px,3vw,38px); border-radius:26px; background:var(--bg); color:var(--ink); font-family:inherit; overflow:hidden } .mir-sheet *{box-sizing:border-box} .mir-sheet h2,.mir-sheet h3,.mir-sheet h4,.mir-sheet p{margin-top:0} .mir-sheet a{overflow-wrap:anywhere} .mir-hero{ padding:clamp(20px,4vw,38px); border:1px solid var(--line); border-radius:22px; background:#fff } .mir-eye{ margin-bottom:9px; color:#806536; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase } .mir-sheet h2{ margin-bottom:12px; color:var(--deep); font-size:clamp(30px,5vw,54px); line-height:1.04 } .mir-lead{ max-width:900px; margin-bottom:0; font-size:17px; line-height:1.68 } .mir-hot{ display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; margin:20px 0 24px; padding:24px; border:1px solid #c9a75f; border-radius:22px; background:linear-gradient(135deg,#fffaf0,#f5e5bd,#fff7e5); box-shadow:0 12px 30px rgba(17,44,40,.1) } .mir-hot small{ display:block; margin-bottom:7px; color:#7c5b20; font-weight:900; letter-spacing:.14em } .mir-hot strong{ display:block; margin-bottom:6px; font-size:22px } .mir-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 22px; border-radius:999px; background:#d7b97d; color:#102d29!important; font-weight:900; text-decoration:none!important; text-align:center } .mir-hot .mir-btn{ border:2px solid #f2d495; white-space:nowrap } .mir-facts{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:18px 0 34px } .mir-fact,.mir-card{ padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff } .mir-fact b{ display:block; margin-bottom:5px; font-size:18px } .mir-sec{ padding:30px 0; border-top:1px solid var(--line) } .mir-sec h3{ margin-bottom:16px; color:var(--deep); font-size:28px } .mir-sec h4{color:var(--deep)} .mir-sec p,.mir-sec li{line-height:1.62} .mir-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px } .mir-grid3{grid-template-columns:repeat(3,1fr)} .mir-card ul{margin:0;padding-left:20px} .mir-card li{margin:8px 0} .mir-note{ padding:18px; border-left:4px solid var(--gold); border-radius:0 14px 14px 0; background:#faf7f1; font-size:14px; line-height:1.65 } .mir-contact{ display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; padding:26px; border-radius:20px; background:var(--deep); color:#fff } .mir-sheet .mir-contact h3, .mir-sheet .mir-contact p, .mir-sheet .mir-contact strong{color:#fff!important} .mir-contact-actions{ display:flex; gap:10px; flex-wrap:wrap } .mir-ghost{ background:transparent; border:1px solid #fff; color:#fff!important } .mir-steps{ counter-reset:step; display:grid; gap:12px } .mir-step{ position:relative; padding:18px 18px 18px 58px; border:1px solid var(--line); border-radius:18px; background:#fff; line-height:1.62 } .mir-step:before{ counter-increment:step; content:counter(step); position:absolute; left:18px; top:18px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#d7b97d; color:#102d29; font-weight:900 } .mir-sheet h2, .mir-sheet h3, .mir-sheet h4, .mir-sheet strong, .mir-sheet b{color:#0b2521!important} .mir-sheet .mir-hot small{color:#7c5b20!important} .mir-sheet .mir-contact h3, .mir-sheet .mir-contact p, .mir-sheet .mir-contact strong{color:#fff!important} @media(max-width:860px){ .mir-facts{grid-template-columns:repeat(2,1fr)} .mir-grid3{grid-template-columns:1fr 1fr} } @media(max-width:760px){ .mir-sheet{padding:14px;border-radius:17px} .mir-grid,.mir-contact,.mir-hot{grid-template-columns:1fr} .mir-btn{width:100%} .mir-contact-actions{display:grid} } @media(max-width:480px){ .mir-facts,.mir-grid3{grid-template-columns:1fr} .mir-sheet h2{font-size:31px} .mir-sec h3{font-size:24px} }