body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#222;overflow-x:hidden}
.container{max-width:1100px;margin:auto;padding:40px;position:relative;z-index:2}
header{display:flex;justify-content:space-between;align-items:center}
.logo{max-width:280px}
.ig{text-decoration:none;color:#c8102e;font-weight:bold}
.hero{padding:60px 0}
h1{font-size:64px;line-height:1;margin:0 0 20px}
h1 span{color:#c8102e}
p{font-size:20px;max-width:700px;line-height:1.6}
.services{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;max-width:700px;margin:40px 0}
.services div{border:1px solid #ddd;padding:18px;border-left:5px solid #c8102e;background:#fafafa}
.notice{margin-top:30px;padding:28px;border-radius:14px;background:#111;color:#fff;max-width:700px}
.notice h2{margin-top:0;color:#fff}
footer{text-align:center;padding:40px 0;font-weight:bold;letter-spacing:4px}
.bg-shape{position:fixed;transform:skew(-25deg);opacity:.08;z-index:1}
.red{right:-150px;top:-60px;width:420px;height:120vh;background:#c8102e}
.black{right:140px;top:0;width:120px;height:120vh;background:#111}
@media(max-width:768px){h1{font-size:42px}.container{padding:24px}.services{grid-template-columns:1fr}.logo{max-width:220px}}