﻿:root{--bg:#f5f7f9;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#0ea5a0;--ring:rgba(14,165,160,.2);--border:#e5e7eb;--shadow:0 10px 25px rgba(2,6,23,.08);--container:1100px;}*,*::before,*::after{box-sizing:border-box;}html,body{height:100%;}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--text);}.container{width:min(100% - 32px,var(--container));margin-inline:auto;}header.hero{text-align:center;padding:44px 0 14px;}header.hero h1{margin:0 0 10px;font-weight:700;font-size:clamp(22px,3.2vw,30px);}header.hero .divider{width:32px;height:3px;margin:6px auto 14px;background:var(--primary);}header.hero p{margin:0 auto;color:var(--muted);line-height:1.6;max-width:720px;font-size:15px;}.info-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:26px auto 34px;}.card{background:var(--card);border:1px solid var(--border);padding:18px;}.card h3{margin:4px 0 8px;font-size:16px;font-weight:bold;}.card p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.6;}.btn{border:1px solid var(--border);background:#fff;color:var(--text);font-weight:bold;padding:10px 14px;cursor:pointer;}.btn:hover{border-color:#d1d5db;}.btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ring);}.btn .chev{margin-left:6px;font-size:14px;color:var(--muted);}.section{padding:26px 0;}.section h2{text-align:center;margin:2px 0 12px;font-size:clamp(18px,2.4vw,20px);font-weight:bold;}.section .subtext{text-align:center;color:var(--muted);margin:0 auto 18px;max-width:680px;font-size:14px;}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border);}.tile{background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;}.tile .icon-wrap{width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(14,165,160,.12),rgba(14,165,160,.04));border:1px solid #d7f1ef;}.tile .icon-wrap .icon{width:24px;height:24px;background:var(--primary);display:inline-block;}.tile .title{font-weight:600;font-size:14px;margin-top:6px;}.tile .desc{color:var(--muted);font-size:13px;margin-top:4px;}.note{text-align:center;color:var(--muted);font-size:12.5px;margin:14px auto 0;max-width:820px;line-height:1.65;}@media(max-width:900px){.info-grid{grid-template-columns:1fr;}.tile-grid{grid-template-columns:repeat(2,1fr);}}@media(max-width:560px){.tile-grid{grid-template-columns:1fr;}}.modal{display:none;position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.6);justify-content:center;align-items:center;padding:16px;}.modal-content{background:#fff;color:#0f172a;border-radius:8px;max-width:600px;width:100%;padding:24px;box-shadow:0 10px 25px rgba(2,6,23,.2);animation:fadeIn .3s ease;z-index:1000;position:relative;display:block;}.modal-content h2{margin-top:0;margin-bottom:12px;font-size:20px;color:#00418d;}.modal-content p{line-height:1.6;font-size:15px;color:#334155;}.close{position:absolute;top:12px;right:16px;font-size:22px;font-weight:bold;color:#64748b;cursor:pointer;}.close:hover{color:#0ea5a0;}