.zm-policy{ --dark:#101820; --dark2:#1d3542; --blue:#5b8fa8; --ice:#eaf3f7; --bg:#f7f9fa; --text:#26343b; --muted:#718087; --border:#e2e9ec; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.75; padding:40px 20px; } .zm-policy *{ box-sizing:border-box; } .zm-container{ max-width:980px; margin:auto; } .zm-hero{ position:relative; overflow:hidden; background:linear-gradient(135deg,var(--dark),var(--dark2)); color:#fff; border-radius:24px; padding:58px 55px; margin-bottom:24px; box-shadow:0 18px 45px rgba(16,24,32,.12); } .zm-hero:after{ content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.05); right:-110px; top:-120px; } .zm-hero-content{ position:relative; z-index:2; } .zm-brand{ display:flex; align-items:center; gap:9px; color:#b9d9e6; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:20px; } .zm-dot{ width:8px; height:8px; background:#b9d9e6; border-radius:50%; } .zm-hero h1{ margin:0 0 14px; color:#fff; font-size:clamp(32px,5vw,48px); line-height:1.1; letter-spacing:-1.5px; } .zm-hero p{ margin:0; max-width:700px; color:#cbd9df; font-size:15px; } .zm-update{ display:inline-block; margin-top:23px; padding:7px 13px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#d8e5ea; font-size:12px; } .zm-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:24px; } .zm-card{ background:#fff; border:1px solid var(--border); border-radius:17px; padding:21px; box-shadow:0 5px 20px rgba(16,24,32,.03); } .zm-label{ display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.8px; font-weight:700; margin-bottom:5px; } .zm-value{ color:var(--dark); font-size:15px; font-weight:650; } .zm-section{ background:#fff; border:1px solid var(--border); border-radius:20px; padding:34px 38px; margin-bottom:15px; box-shadow:0 5px 20px rgba(16,24,32,.025); } .zm-number{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:10px; background:var(--ice); color:#3f728a; font-size:12px; font-weight:750; margin-bottom:13px; } .zm-section h2{ color:var(--dark); font-size:22px; line-height:1.3; margin:0 0 13px; } .zm-section p{ margin:0 0 13px; font-size:15px; } .zm-section ul{ margin:8px 0 16px; padding-left:22px; } .zm-section li{ margin:6px 0; font-size:15px; } .zm-section strong{ color:var(--dark); } .zm-highlight{ background:var(--ice); border-left:4px solid var(--blue); border-radius:0 12px 12px 0; padding:18px 20px; margin:18px 0; } .zm-contact{ background:#f5f9fa; border:1px solid #dce9ed; border-radius:14px; padding:22px; margin-top:16px; } .zm-contact-row{ display:flex; align-items:flex-start; gap:16px; padding:15px 0; border-bottom:1px solid #e1eaed; } .zm-contact-row:last-child{ border-bottom:0; padding-bottom:0; } .zm-contact-icon{ width:40px; height:40px; flex:0 0 40px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:var(--ice); color:#39748d; font-size:17px; } .zm-contact-label{ display:block; font-size:11px; text-transform:uppercase; letter-spacing:.7px; color:var(--muted); font-weight:700; margin-bottom:2px; } .zm-contact-value{ color:var(--dark); font-size:15px; font-weight:600; } .zm-policy a{ color:#39748d; text-decoration:none; font-weight:650; } .zm-policy a:hover{ text-decoration:underline; } .zm-footer{ background:var(--dark); color:#aebdc3; border-radius:20px; padding:28px; text-align:center; margin-top:24px; } .zm-footer strong{ display:block; color:#fff; font-size:20px; margin-bottom:5px; } .zm-footer p{ font-size:13px; margin:4px 0; } @media(max-width:700px){ .zm-policy{ padding:18px 12px; } .zm-hero{ padding:38px 25px; border-radius:20px; } .zm-hero h1{ font-size:32px; } .zm-cards{ grid-template-columns:1fr; } .zm-section{ padding:27px 22px; border-radius:17px; } .zm-section h2{ font-size:20px; } .zm-section p, .zm-section li{ font-size:14px; } .zm-contact-row{ gap:12px; } }