:root{--a:#2186CA;--a2:#CE274E;--bg:#F5F8FA;--card:#ffffff;--t:#1D2F35;--m:#58747E;--line:#D9E4E8;}
    *{box-sizing:border-box;}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
         background:var(--bg);color:var(--t);line-height:1.7;font-size:17px;}
    a{color:var(--a);text-decoration:none;} a:hover{text-decoration:underline;}
    .wrap{max-width:1080px;margin:0 auto;padding:0 18px;}
    header.site{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;}
    header.site .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px;flex-wrap:wrap;}
    .logo{font-weight:800;font-size:22px;letter-spacing:.3px;}
    nav a{color:#fff;margin-left:16px;font-size:15px;opacity:.95;}
    .hero{padding:46px 18px;color:#fff;background:linear-gradient(135deg,var(--a),var(--a2));}
    .hero h1{margin:0 0 12px;font-size:34px;line-height:1.2;}
    .hero p{max-width:720px;opacity:.96;font-size:18px;}
    main{padding:34px 0 50px;}
    .grid{display:grid;gap:20px;}
    .cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
    .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;
          box-shadow:0 1px 3px rgba(0,0,0,.05);}
    .card img{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid var(--line);}
    .card h3{margin:12px 0 6px;font-size:18px;}
    .card p{color:var(--m);font-size:14.5px;margin:0;}
    h1.page{font-size:32px;margin:0 0 10px;}
    h2{font-size:23px;margin:30px 0 10px;color:var(--t);}
    .article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;margin-bottom:24px;}
    .article img{width:100%;max-height:320px;object-fit:cover;border-radius:10px;margin:14px 0;border:1px solid var(--line);}
    .meta{color:var(--m);font-size:14px;}
    .contact{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin:28px 0;
             border-left:5px solid var(--a);}
    .contact b{font-size:18px;}
    .faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;}
    .faq dt{font-weight:700;margin-top:12px;} .faq dd{margin:4px 0 0;color:var(--m);}
    .latest .card h3 a{color:var(--t);}
    
    body{{font-size:18px;}} .wrap{{max-width:960px;}}
    h1.page{{font-size:40px;}} .hero h1{{font-size:42px;}}
    .card{{border:none;box-shadow:none;background:transparent;padding:0;}}
    .card img{{height:200px;}} .article{{border:none;padding:18px 0;border-bottom:1px solid var(--line);}}