body{font-family:Roboto,sans-serif;background-color:#f5f5f5;margin:0;padding:0;color:#333;overflow-x:hidden}.page-header{background:#1a1a1a;padding:100px 0 60px;text-align:center;color:#fff}.page-header h1{font-size:3rem;margin-bottom:20px;text-transform:uppercase}.page-header .breadcrumb{color:#2ecc71;font-weight:600;letter-spacing:1px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:60px 0}.info-card{background:#fff;border:1px solid #eee;padding:40px;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d;border-color:#2ecc71}