:root{--a:#F04248;--a2:#51EC7F;--bg:#1E1518;--card:#2E1F24;--t:#EDE9EA;--m:#B1A0A6;--line:#49313A;}
    *{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);}
    
    .hero{{border-radius:0 0 26px 26px;}}
    .card{{box-shadow:0 6px 20px rgba(0,0,0,.25);}} .article,.contact,.faq{{box-shadow:0 6px 20px rgba(0,0,0,.22);}}
    .wrap,main{{max-width:1080px;}}